@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;

500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@400:700&display=swap);@import url(https://fonts.googleapis.com/css2?family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&display=swap);.swal2-popup.swal2-toast{flex-direction:column;align-items:stretch;width:auto;padding:1.25em;overflow-y:hidden;background:#fff;box-shadow:0 0 .625em #d9d9d9}.swal2-popup.swal2-toast .swal2-header{flex-direction:row;padding:0}.swal2-popup.swal2-toast .swal2-title{flex-grow:1;justify-content:flex-start;margin:0 .625em;font-size:1em}.swal2-popup.swal2-toast .swal2-loading{justify-content:center}.swal2-popup.swal2-toast .swal2-input{height:2em;margin:.3125em auto;font-size:1em}.swal2-popup.swal2-toast .swal2-validation-message{font-size:1em}.swal2-popup.swal2-toast .swal2-footer{margin:.5em 0 0;padding:.5em 0 0;font-size:.8em}.swal2-popup.swal2-toast .swal2-close{position:static;width:.8em;height:.8em;line-height:.8}.swal2-popup.swal2-toast .swal2-content{justify-content:flex-start;margin:0 .625em;padding:0;font-size:1em;text-align:initial}.swal2-popup.swal2-toast .swal2-html-container{padding:.625em 0 0}.swal2-popup.swal2-toast .swal2-html-container:empty{padding:0}.swal2-popup.swal2-toast .swal2-icon{width:2em;min-width:2em;height:2em;margin:0 .5em 0 0}.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content{display:flex;align-items:center;font-size:1.8em;font-weight:700}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content{font-size:.25em}}.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line]{top:.875em;width:1.375em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:.3125em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:.3125em}.swal2-popup.swal2-toast .swal2-actions{flex:1;flex-basis:auto!important;align-self:stretch;width:auto;height:2.2em;height:auto;margin:0 .3125em;margin-top:.3125em;padding:0}.swal2-popup.swal2-toast .swal2-styled{margin:.125em .3125em;padding:.3125em .625em;font-size:1em}.swal2-popup.swal2-toast .swal2-styled:focus{box-shadow:0 0 0 1px #fff,0 0 0 3px rgba(100,150,200,.5)}.swal2-popup.swal2-toast .swal2-success{border-color:#a5dc86}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line]{position:absolute;width:1.6em;height:3em;transform:rotate(45deg);border-radius:50%}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left]{top:-.8em;left:-.5em;transform:rotate(-45deg);transform-origin:2em 2em;border-radius:4em 0 0 4em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right]{top:-.25em;left:.9375em;transform-origin:0 1.5em;border-radius:0 4em 4em 0}.swal2-popup.swal2-toast .swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-popup.swal2-toast .swal2-success .swal2-success-fix{top:0;left:.4375em;width:.4375em;height:2.6875em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line]{height:.3125em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip]{top:1.125em;left:.1875em;width:.75em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long]{top:.9375em;right:.1875em;width:1.375em}.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip{animation:swal2-toast-animate-success-line-tip .75s}.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long{animation:swal2-toast-animate-success-line-long .75s}.swal2-popup.swal2-toast.swal2-show{animation:swal2-toast-show .5s}.swal2-popup.swal2-toast.swal2-hide{animation:swal2-toast-hide .1s forwards}.swal2-container{display:flex;position:fixed;z-index:1060;top:0;right:0;bottom:0;left:0;flex-direction:row;align-items:center;justify-content:center;padding:.625em;overflow-x:hidden;transition:background-color .1s;-webkit-overflow-scrolling:touch}.swal2-container.swal2-backdrop-show,.swal2-container.swal2-noanimation{background:rgba(0,0,0,.4)}.swal2-container.swal2-backdrop-hide{background:0 0!important}.swal2-container.swal2-top{align-items:flex-start}.swal2-container.swal2-top-left,.swal2-container.swal2-top-start{align-items:flex-start;justify-content:flex-start}.swal2-container.swal2-top-end,.swal2-container.swal2-top-right{align-items:flex-start;justify-content:flex-end}.swal2-container.swal2-center{align-items:center}.swal2-container.swal2-center-left,.swal2-container.swal2-center-start{align-items:center;justify-content:flex-start}.swal2-container.swal2-center-end,.swal2-container.swal2-center-right{align-items:center;justify-content:flex-end}.swal2-container.swal2-bottom{align-items:flex-end}.swal2-container.swal2-bottom-left,.swal2-container.swal2-bottom-start{align-items:flex-end;justify-content:flex-start}.swal2-container.swal2-bottom-end,.swal2-container.swal2-bottom-right{align-items:flex-end;justify-content:flex-end}.swal2-container.swal2-bottom-end>:first-child,.swal2-container.swal2-bottom-left>:first-child,.swal2-container.swal2-bottom-right>:first-child,.swal2-container.swal2-bottom-start>:first-child,.swal2-container.swal2-bottom>:first-child{margin-top:auto}.swal2-container.swal2-grow-fullscreen>.swal2-modal{display:flex!important;flex:1;align-self:stretch;justify-content:center}.swal2-container.swal2-grow-row>.swal2-modal{display:flex!important;flex:1;align-content:center;justify-content:center}.swal2-container.swal2-grow-column{flex:1;flex-direction:column}.swal2-container.swal2-grow-column.swal2-bottom,.swal2-container.swal2-grow-column.swal2-center,.swal2-container.swal2-grow-column.swal2-top{align-items:center}.swal2-container.swal2-grow-column.swal2-bottom-left,.swal2-container.swal2-grow-column.swal2-bottom-start,.swal2-container.swal2-grow-column.swal2-center-left,.swal2-container.swal2-grow-column.swal2-center-start,.swal2-container.swal2-grow-column.swal2-top-left,.swal2-container.swal2-grow-column.swal2-top-start{align-items:flex-start}.swal2-container.swal2-grow-column.swal2-bottom-end,.swal2-container.swal2-grow-column.swal2-bottom-right,.swal2-container.swal2-grow-column.swal2-center-end,.swal2-container.swal2-grow-column.swal2-center-right,.swal2-container.swal2-grow-column.swal2-top-end,.swal2-container.swal2-grow-column.swal2-top-right{align-items:flex-end}.swal2-container.swal2-grow-column>.swal2-modal{display:flex!important;flex:1;align-content:center;justify-content:center}.swal2-container.swal2-no-transition{transition:none!important}.swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right):not(.swal2-grow-fullscreen)>.swal2-modal{margin:auto}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.swal2-container .swal2-modal{margin:0!important}}.swal2-popup{display:none;position:relative;box-sizing:border-box;flex-direction:column;justify-content:center;width:32em;max-width:100%;padding:1.25em;border:none;border-radius:5px;background:#fff;font-family:inherit;font-size:1rem}.swal2-popup:focus{outline:0}.swal2-popup.swal2-loading{overflow-y:hidden}.swal2-header{display:flex;flex-direction:column;align-items:center;padding:0 1.8em}.swal2-title{position:relative;max-width:100%;margin:0 0 .4em;padding:0;color:#595959;font-size:1.875em;font-weight:600;text-align:center;text-transform:none;word-wrap:break-word}.swal2-actions{display:flex;z-index:1;box-sizing:border-box;flex-wrap:wrap;align-items:center;justify-content:center;width:100%;margin:1.25em auto 0;padding:0}.swal2-actions:not(.swal2-loading) .swal2-styled[disabled]{opacity:.4}.swal2-actions:not(.swal2-loading) .swal2-styled:hover{background-image:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1))}.swal2-actions:not(.swal2-loading) .swal2-styled:active{background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2))}.swal2-loader{display:none;align-items:center;justify-content:center;width:2.2em;height:2.2em;margin:0 1.875em;animation:swal2-rotate-loading 1.5s linear 0s infinite normal;border-width:.25em;border-style:solid;border-radius:100%;border-color:#2778c4 transparent #2778c4 transparent}.swal2-styled{margin:.3125em;padding:.625em 1.1em;box-shadow:none;font-weight:500}.swal2-styled:not([disabled]){cursor:pointer}.swal2-styled.swal2-confirm{border:0;border-radius:.25em;background:initial;background-color:#2778c4;color:#fff;font-size:1em}.swal2-styled.swal2-deny{border:0;border-radius:.25em;background:initial;background-color:#d14529;color:#fff;font-size:1em}.swal2-styled.swal2-cancel{border:0;border-radius:.25em;background:initial;background-color:#757575;color:#fff;font-size:1em}.swal2-styled:focus{outline:0;box-shadow:0 0 0 3px rgba(100,150,200,.5)}.swal2-styled::-moz-focus-inner{border:0}.swal2-footer{justify-content:center;margin:1.25em 0 0;padding:1em 0 0;border-top:1px solid #eee;color:#545454;font-size:1em}.swal2-timer-progress-bar-container{position:absolute;right:0;bottom:0;left:0;height:.25em;overflow:hidden;border-bottom-right-radius:5px;border-bottom-left-radius:5px}.swal2-timer-progress-bar{width:100%;height:.25em;background:rgba(0,0,0,.2)}.swal2-image{max-width:100%;margin:1.25em auto}.swal2-close{position:absolute;z-index:2;top:0;right:0;align-items:center;justify-content:center;width:1.2em;height:1.2em;padding:0;overflow:hidden;transition:color .1s ease-out;border:none;border-radius:5px;background:0 0;color:#ccc;font-family:serif;font-size:2.5em;line-height:1.2;cursor:pointer}.swal2-close:hover{transform:none;background:0 0;color:#f27474}.swal2-close:focus{outline:0;box-shadow:inset 0 0 0 3px rgba(100,150,200,.5)}.swal2-close::-moz-focus-inner{border:0}.swal2-content{z-index:1;justify-content:center;margin:0;padding:0 1.6em;color:#545454;font-size:1.125em;font-weight:400;line-height:normal;text-align:center;word-wrap:break-word}.swal2-checkbox,.swal2-file,.swal2-input,.swal2-radio,.swal2-select,.swal2-textarea{margin:1em auto}.swal2-file,.swal2-input,.swal2-textarea{box-sizing:border-box;width:100%;transition:border-color .3s,box-shadow .3s;border:1px solid #d9d9d9;border-radius:.1875em;background:inherit;box-shadow:inset 0 1px 1px rgba(0,0,0,.06);color:inherit;font-size:1.125em}.swal2-file.swal2-inputerror,.swal2-input.swal2-inputerror,.swal2-textarea.swal2-inputerror{border-color:#f27474!important;box-shadow:0 0 2px #f27474!important}.swal2-file:focus,.swal2-input:focus,.swal2-textarea:focus{border:1px solid #b4dbed;outline:0;box-shadow:0 0 0 3px rgba(100,150,200,.5)}.swal2-file::-moz-placeholder,.swal2-input::-moz-placeholder,.swal2-textarea::-moz-placeholder{color:#ccc}.swal2-file::-moz-placeholder, .swal2-input::-moz-placeholder, .swal2-textarea::-moz-placeholder{color:#ccc}.swal2-file::placeholder,.swal2-input::placeholder,.swal2-textarea::placeholder{color:#ccc}.swal2-range{margin:1em auto;background:#fff}.swal2-range input{width:80%}.swal2-range output{width:20%;color:inherit;font-weight:600;text-align:center}.swal2-range input,.swal2-range output{height:2.625em;padding:0;font-size:1.125em;line-height:2.625em}.swal2-input{height:2.625em;padding:0 .75em}.swal2-input[type=number]{max-width:10em}.swal2-file{background:inherit;font-size:1.125em}.swal2-textarea{height:6.75em;padding:.75em}.swal2-select{min-width:50%;max-width:100%;padding:.375em .625em;background:inherit;color:inherit;font-size:1.125em}.swal2-checkbox,.swal2-radio{align-items:center;justify-content:center;background:#fff;color:inherit}.swal2-checkbox label,.swal2-radio label{margin:0 .6em;font-size:1.125em}.swal2-checkbox input,.swal2-radio input{flex-shrink:0;margin:0 .4em}.swal2-input-label{display:flex;justify-content:center;margin:1em auto}.swal2-validation-message{align-items:center;justify-content:center;margin:0 -2.7em;padding:.625em;overflow:hidden;background:#f0f0f0;color:#666;font-size:1em;font-weight:300}.swal2-validation-message::before{content:"!";display:inline-block;width:1.5em;min-width:1.5em;height:1.5em;margin:0 .625em;border-radius:50%;background-color:#f27474;color:#fff;font-weight:600;line-height:1.5em;text-align:center}.swal2-icon{position:relative;box-sizing:content-box;justify-content:center;width:5em;height:5em;margin:1.25em auto 1.875em;border:.25em solid transparent;border-radius:50%;border-color:#000;font-family:inherit;line-height:5em;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.swal2-icon .swal2-icon-content{display:flex;align-items:center;font-size:3.75em}.swal2-icon.swal2-error{border-color:#f27474;color:#f27474}.swal2-icon.swal2-error .swal2-x-mark{position:relative;flex-grow:1}.swal2-icon.swal2-error [class^=swal2-x-mark-line]{display:block;position:absolute;top:2.3125em;width:2.9375em;height:.3125em;border-radius:.125em;background-color:#f27474}.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:1.0625em;transform:rotate(45deg)}.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:1em;transform:rotate(-45deg)}.swal2-icon.swal2-error.swal2-icon-show{animation:swal2-animate-error-icon .5s}.swal2-icon.swal2-error.swal2-icon-show .swal2-x-mark{animation:swal2-animate-error-x-mark .5s}.swal2-icon.swal2-warning{border-color:#facea8;color:#f8bb86}.swal2-icon.swal2-info{border-color:#9de0f6;color:#3fc3ee}.swal2-icon.swal2-question{border-color:#c9dae1;color:#87adbd}.swal2-icon.swal2-success{border-color:#a5dc86;color:#a5dc86}.swal2-icon.swal2-success [class^=swal2-success-circular-line]{position:absolute;width:3.75em;height:7.5em;transform:rotate(45deg);border-radius:50%}.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left]{top:-.4375em;left:-2.0635em;transform:rotate(-45deg);transform-origin:3.75em 3.75em;border-radius:7.5em 0 0 7.5em}.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right]{top:-.6875em;left:1.875em;transform:rotate(-45deg);transform-origin:0 3.75em;border-radius:0 7.5em 7.5em 0}.swal2-icon.swal2-success .swal2-success-ring{position:absolute;z-index:2;top:-.25em;left:-.25em;box-sizing:content-box;width:100%;height:100%;border:.25em solid rgba(165,220,134,.3);border-radius:50%}.swal2-icon.swal2-success .swal2-success-fix{position:absolute;z-index:1;top:.5em;left:1.625em;width:.4375em;height:5.625em;transform:rotate(-45deg)}.swal2-icon.swal2-success [class^=swal2-success-line]{display:block;position:absolute;z-index:2;height:.3125em;border-radius:.125em;background-color:#a5dc86}.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip]{top:2.875em;left:.8125em;width:1.5625em;transform:rotate(45deg)}.swal2-icon.swal2-success [class^=swal2-success-line][class$=long]{top:2.375em;right:.5em;width:2.9375em;transform:rotate(-45deg)}.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip{animation:swal2-animate-success-line-tip .75s}.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long{animation:swal2-animate-success-line-long .75s}.swal2-icon.swal2-success.swal2-icon-show .swal2-success-circular-line-right{animation:swal2-rotate-success-circular-line 4.25s ease-in}.swal2-progress-steps{flex-wrap:wrap;align-items:center;max-width:100%;margin:0 0 1.25em;padding:0;background:inherit;font-weight:600}.swal2-progress-steps li{display:inline-block;position:relative}.swal2-progress-steps .swal2-progress-step{z-index:20;flex-shrink:0;width:2em;height:2em;border-radius:2em;background:#2778c4;color:#fff;line-height:2em;text-align:center}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step{background:#2778c4}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step{background:#add8e6;color:#fff}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line{background:#add8e6}.swal2-progress-steps .swal2-progress-step-line{z-index:10;flex-shrink:0;width:2.5em;height:.4em;margin:0 -1px;background:#2778c4}[class^=swal2]{-webkit-tap-highlight-color:transparent}.swal2-show{animation:swal2-show .3s}.swal2-hide{animation:swal2-hide .15s forwards}.swal2-noanimation{transition:none}.swal2-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.swal2-rtl .swal2-close{right:auto;left:0}.swal2-rtl .swal2-timer-progress-bar{right:0;left:auto}@supports (-ms-accelerator:true){.swal2-range input{width:100%!important}.swal2-range output{display:none}}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.swal2-range input{width:100%!important}.swal2-range output{display:none}}@keyframes swal2-toast-show{0%{transform:translateY(-.625em) rotateZ(2deg)}33%{transform:translateY(0) rotateZ(-2deg)}66%{transform:translateY(.3125em) rotateZ(2deg)}100%{transform:translateY(0) rotateZ(0)}}@keyframes swal2-toast-hide{100%{transform:rotateZ(1deg);opacity:0}}@keyframes swal2-toast-animate-success-line-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}100%{top:1.125em;left:.1875em;width:.75em}}@keyframes swal2-toast-animate-success-line-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}100%{top:.9375em;right:.1875em;width:1.375em}}@keyframes swal2-show{0%{transform:scale(.7)}45%{transform:scale(1.05)}80%{transform:scale(.95)}100%{transform:scale(1)}}@keyframes swal2-hide{0%{transform:scale(1);opacity:1}100%{transform:scale(.5);opacity:0}}@keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;left:.8125em;width:1.5625em}}@keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}100%{top:2.375em;right:.5em;width:2.9375em}}@keyframes swal2-rotate-success-circular-line{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}100%{transform:rotate(-405deg)}}@keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;transform:scale(.4);opacity:0}50%{margin-top:1.625em;transform:scale(.4);opacity:0}80%{margin-top:-.375em;transform:scale(1.15)}100%{margin-top:0;transform:scale(1);opacity:1}}@keyframes swal2-animate-error-icon{0%{transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0);opacity:1}}@keyframes swal2-rotate-loading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow:hidden}body.swal2-height-auto{height:auto!important}body.swal2-no-backdrop .swal2-container{top:auto;right:auto;bottom:auto;left:auto;max-width:calc(100% - .625em * 2);background-color:transparent!important}body.swal2-no-backdrop .swal2-container>.swal2-modal{box-shadow:0 0 10px rgba(0,0,0,.4)}body.swal2-no-backdrop .swal2-container.swal2-top{top:0;left:50%;transform:translateX(-50%)}body.swal2-no-backdrop .swal2-container.swal2-top-left,body.swal2-no-backdrop .swal2-container.swal2-top-start{top:0;left:0}body.swal2-no-backdrop .swal2-container.swal2-top-end,body.swal2-no-backdrop .swal2-container.swal2-top-right{top:0;right:0}body.swal2-no-backdrop .swal2-container.swal2-center{top:50%;left:50%;transform:translate(-50%,-50%)}body.swal2-no-backdrop .swal2-container.swal2-center-left,body.swal2-no-backdrop .swal2-container.swal2-center-start{top:50%;left:0;transform:translateY(-50%)}body.swal2-no-backdrop .swal2-container.swal2-center-end,body.swal2-no-backdrop .swal2-container.swal2-center-right{top:50%;right:0;transform:translateY(-50%)}body.swal2-no-backdrop .swal2-container.swal2-bottom{bottom:0;left:50%;transform:translateX(-50%)}body.swal2-no-backdrop .swal2-container.swal2-bottom-left,body.swal2-no-backdrop .swal2-container.swal2-bottom-start{bottom:0;left:0}body.swal2-no-backdrop .swal2-container.swal2-bottom-end,body.swal2-no-backdrop .swal2-container.swal2-bottom-right{right:0;bottom:0}@media print{body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow-y:scroll!important}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown)>[aria-hidden=true]{display:none}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container{position:static!important}}body.swal2-toast-shown .swal2-container{background-color:transparent}body.swal2-toast-shown .swal2-container.swal2-top{top:0;right:auto;bottom:auto;left:50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-top-end,body.swal2-toast-shown .swal2-container.swal2-top-right{top:0;right:0;bottom:auto;left:auto}body.swal2-toast-shown .swal2-container.swal2-top-left,body.swal2-toast-shown .swal2-container.swal2-top-start{top:0;right:auto;bottom:auto;left:0}body.swal2-toast-shown .swal2-container.swal2-center-left,body.swal2-toast-shown .swal2-container.swal2-center-start{top:50%;right:auto;bottom:auto;left:0;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-center{top:50%;right:auto;bottom:auto;left:50%;transform:translate(-50%,-50%)}body.swal2-toast-shown .swal2-container.swal2-center-end,body.swal2-toast-shown .swal2-container.swal2-center-right{top:50%;right:0;bottom:auto;left:auto;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-left,body.swal2-toast-shown .swal2-container.swal2-bottom-start{top:auto;right:auto;bottom:0;left:0}body.swal2-toast-shown .swal2-container.swal2-bottom{top:auto;right:auto;bottom:0;left:50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-end,body.swal2-toast-shown .swal2-container.swal2-bottom-right{top:auto;right:0;bottom:0;left:auto}/**
 * Swiper 5.4.5
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://swiperjs.com
 *
 * Copyright 2014-2020 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 16, 2020
 */

@font-face {
  font-family: 'swiper-icons';
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}
.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
/* 3D Effects */
.swiper-container-3d {
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: 'prev';
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: 'next';
}
.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
  --swiper-navigation-color: #ffffff;
}
.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
  --swiper-navigation-color: #000000;
}
.swiper-button-lock {
  display: none;
}
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  */
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}
/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-white {
  --swiper-pagination-color: #ffffff;
}
.swiper-pagination-black {
  --swiper-pagination-color: #000000;
}
.swiper-pagination-lock {
  display: none;
}
/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
}
/* Preloader */
:root {
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  animation: swiper-preloader-spin 1s infinite linear;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube {
  overflow: visible;
}
.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.flatpickr-calendar {
  background: transparent;
  opacity: 0;
  display: none;
  text-align: center;
  visibility: hidden;
  padding: 0;
  -webkit-animation: none;
          animation: none;
  direction: ltr;
  border: 0;
  font-size: 14px;
  line-height: 24px;
  border-radius: 5px;
  position: absolute;
  width: 307.875px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  background: #fff;
  -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0,0,0,0.08);
          box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0,0,0,0.08);
}
.flatpickr-calendar.open,
.flatpickr-calendar.inline {
  opacity: 1;
  max-height: 640px;
  visibility: visible;
}
.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999;
}
.flatpickr-calendar.animate.open {
  -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
          animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px;
}
.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px);
}
.flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
  -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
          box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0;
}
.flatpickr-calendar.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid #e6e6e6;
}
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}
.flatpickr-calendar:before,
.flatpickr-calendar:after {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  left: 22px;
}
.flatpickr-calendar.rightMost:before,
.flatpickr-calendar.arrowRight:before,
.flatpickr-calendar.rightMost:after,
.flatpickr-calendar.arrowRight:after {
  left: auto;
  right: 22px;
}
.flatpickr-calendar.arrowCenter:before,
.flatpickr-calendar.arrowCenter:after {
  left: 50%;
  right: 50%;
}
.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px;
}
.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px;
}
.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
  bottom: 100%;
}
.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #e6e6e6;
}
.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #fff;
}
.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
  top: 100%;
}
.flatpickr-calendar.arrowBottom:before {
  border-top-color: #e6e6e6;
}
.flatpickr-calendar.arrowBottom:after {
  border-top-color: #fff;
}
.flatpickr-calendar:focus {
  outline: 0;
}
.flatpickr-wrapper {
  position: relative;
  display: inline-block;
}
.flatpickr-months {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.flatpickr-months .flatpickr-month {
  background: transparent;
  color: rgba(0,0,0,0.9);
  fill: rgba(0,0,0,0.9);
  height: 34px;
  line-height: 1;
  text-align: center;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  height: 34px;
  padding: 10px;
  z-index: 3;
  color: rgba(0,0,0,0.9);
  fill: rgba(0,0,0,0.9);
}
.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
.flatpickr-months .flatpickr-next-month.flatpickr-disabled {
  display: none;
}
.flatpickr-months .flatpickr-prev-month i,
.flatpickr-months .flatpickr-next-month i {
  position: relative;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
/*
      /*rtl:begin:ignore*/
/*
      */
  left: 0;
/*
      /*rtl:end:ignore*/
/*
      */
}
/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
/*
      /*rtl:begin:ignore*/
/*
      */
  right: 0;
/*
      /*rtl:end:ignore*/
/*
      */
}
/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
  color: #959ea9;
}
.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  fill: #f64747;
}
.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
  width: 14px;
  height: 14px;
}
.flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-months .flatpickr-next-month svg path {
  -webkit-transition: fill 0.1s;
  transition: fill 0.1s;
  fill: inherit;
}
.numInputWrapper {
  position: relative;
  height: auto;
}
.numInputWrapper input,
.numInputWrapper span {
  display: inline-block;
}
.numInputWrapper input {
  width: 100%;
}
.numInputWrapper input::-ms-clear {
  display: none;
}
.numInputWrapper input::-webkit-outer-spin-button,
.numInputWrapper input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
.numInputWrapper span {
  position: absolute;
  right: 0;
  width: 14px;
  padding: 0 4px 0 2px;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid rgba(57,57,57,0.15);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.numInputWrapper span:hover {
  background: rgba(0,0,0,0.1);
}
.numInputWrapper span:active {
  background: rgba(0,0,0,0.2);
}
.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute;
}
.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0;
}
.numInputWrapper span.arrowUp:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(57,57,57,0.6);
  top: 26%;
}
.numInputWrapper span.arrowDown {
  top: 50%;
}
.numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(57,57,57,0.6);
  top: 40%;
}
.numInputWrapper span svg {
  width: inherit;
  height: auto;
}
.numInputWrapper span svg path {
  fill: rgba(0,0,0,0.5);
}
.numInputWrapper:hover {
  background: rgba(0,0,0,0.05);
}
.numInputWrapper:hover span {
  opacity: 1;
}
.flatpickr-current-month {
  font-size: 135%;
  line-height: inherit;
  font-weight: 300;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  padding: 7.48px 0 0 0;
  line-height: 1;
  height: 34px;
  display: inline-block;
  text-align: center;
  -webkit-transform: translate3d(0px, 0px, 0px);
          transform: translate3d(0px, 0px, 0px);
}
.flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  margin-left: 0.5ch;
  padding: 0;
}
.flatpickr-current-month span.cur-month:hover {
  background: rgba(0,0,0,0.05);
}
.flatpickr-current-month .numInputWrapper {
  width: 6ch;
  width: 7ch\0;
  display: inline-block;
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(0,0,0,0.9);
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(0,0,0,0.9);
}
.flatpickr-current-month input.cur-year {
  background: transparent;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: inherit;
  cursor: text;
  padding: 0 0 0 0.5ch;
  margin: 0;
  display: inline-block;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  height: auto;
  border: 0;
  border-radius: 0;
  vertical-align: initial;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.flatpickr-current-month input.cur-year:focus {
  outline: 0;
}
.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: rgba(0,0,0,0.5);
  background: transparent;
  pointer-events: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
  appearance: menulist;
  background: transparent;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  height: auto;
  line-height: inherit;
  margin: -1px 0 0 0;
  outline: none;
  padding: 0 0 0 0.5ch;
  position: relative;
  vertical-align: initial;
  -webkit-box-sizing: border-box;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  width: auto;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:focus,
.flatpickr-current-month .flatpickr-monthDropdown-months:active {
  outline: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: rgba(0,0,0,0.05);
}
.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background-color: transparent;
  outline: none;
  padding: 0;
}
.flatpickr-weekdays {
  background: transparent;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 28px;
}
.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
span.flatpickr-weekday {
  cursor: default;
  font-size: 90%;
  background: transparent;
  color: rgba(0,0,0,0.54);
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-weight: bolder;
}
.dayContainer,
.flatpickr-weeks {
  padding: 1px 0 0 0;
}
.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 307.875px;
}
.flatpickr-days:focus {
  outline: 0;
}
.dayContainer {
  padding: 0;
  outline: 0;
  text-align: left;
  width: 307.875px;
  min-width: 307.875px;
  max-width: 307.875px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-around;
          justify-content: space-around;
  -webkit-transform: translate3d(0px, 0px, 0px);
          transform: translate3d(0px, 0px, 0px);
  opacity: 1;
}
.dayContainer + .dayContainer {
  -webkit-box-shadow: -1px 0 0 #e6e6e6;
          box-shadow: -1px 0 0 #e6e6e6;
}
.flatpickr-day {
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #393939;
  cursor: pointer;
  font-weight: 400;
  width: 14.2857143%;
  -webkit-flex-basis: 14.2857143%;
      -ms-flex-preferred-size: 14.2857143%;
          flex-basis: 14.2857143%;
  max-width: 39px;
  height: 39px;
  line-height: 39px;
  margin: 0;
  display: inline-block;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: #e6e6e6;
  border-color: #e6e6e6;
}
.flatpickr-day.today {
  border-color: #959ea9;
}
.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
  border-color: #959ea9;
  background: #959ea9;
  color: #fff;
}
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: #569ff7;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #fff;
  border-color: #569ff7;
}
.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px;
}
.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0;
}
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  -webkit-box-shadow: -10px 0 0 #569ff7;
          box-shadow: -10px 0 0 #569ff7;
}
.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange {
  border-radius: 50px;
}
.flatpickr-day.inRange {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
          box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(57,57,57,0.3);
  background: transparent;
  border-color: transparent;
  cursor: default;
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
  cursor: not-allowed;
  color: rgba(57,57,57,0.1);
}
.flatpickr-day.week.selected {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
          box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
}
.flatpickr-day.hidden {
  visibility: hidden;
}
.rangeMode .flatpickr-day {
  margin-top: 1px;
}
.flatpickr-weekwrapper {
  float: left;
}
.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  -webkit-box-shadow: 1px 0 0 #e6e6e6;
          box-shadow: 1px 0 0 #e6e6e6;
}
.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px;
}
.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
  display: block;
  width: 100%;
  max-width: none;
  color: rgba(57,57,57,0.3);
  background: transparent;
  cursor: default;
  border: none;
}
.flatpickr-innerContainer {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
}
.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.flatpickr-time:after {
  content: "";
  display: table;
  clear: both;
}
.flatpickr-time .numInputWrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 40%;
  height: 40px;
  float: left;
}
.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #393939;
}
.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #393939;
}
.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}
.flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}
.flatpickr-time input {
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  color: #393939;
  font-size: 14px;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.flatpickr-time input.flatpickr-hour {
  font-weight: bold;
}
.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
  font-weight: 400;
}
.flatpickr-time input:focus {
  outline: 0;
  border: 0;
}
.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
  height: inherit;
  float: left;
  line-height: inherit;
  color: #393939;
  font-weight: bold;
  width: 2%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
}
.flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400;
}
.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
  background: #eee;
}
.flatpickr-input[readonly] {
  cursor: pointer;
}
@-webkit-keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@charset "UTF-8";
h1,
h2,
h3,
h4,
h5 {
  font-weight: bold;
  letter-spacing: -0.03em;
}

h1 {
  font-size: 80px;
  line-height: 100%;
}

h2 {
  font-size: 60px;
  line-height: 100%;
}

h3 {
  font-size: 32px;
  line-height: 120%;
}

h4 {
  font-size: 24px;
  line-height: 120%;
}

h5 {
  font-size: 16px;
  line-height: 100%;
}

.p12 {
  font-size: 12px;
  line-height: 140%;
}

.fs14 {
  font-size: 14px;
  line-height: 120%;
}

.fs16 {
  font-size: 16px;
  line-height: 120%;
}

.dm-mono-light {
  font-weight: 300;
  font-style: normal;
}

.dm-mono-light-italic {
  font-weight: 300;
  font-style: italic;
}

.dm-mono-regular {
  font-weight: 400;
  font-style: normal;
}

.dm-mono-regular-italic {
  font-weight: 400;
  font-style: italic;
}

.dm-mono-medium {
  font-weight: 500;
  font-style: normal;
}

.dm-mono-medium-italic {
  font-weight: 500;
  font-style: italic;
}

.text-sm {
  font-size: 0.8125rem;
  line-height: 1.25rem;
}

.font-weight-medium {
  font-weight: 500 !important;
}

.text-h5 {
  font-size: 18px !important;
  font-weight: 500;
  line-height: 1.75rem;
  letter-spacing: normal !important;
}

.text-h6 {
  font-size: 15px !important;
  font-weight: 500;
  line-height: 1.375rem;
  letter-spacing: normal !important;
  text-transform: none !important;
}

.fw-400 {
  font-weight: 400;
}

.fw-500 {
  font-weight: 500;
}

.fw-600 {
  font-weight: 600;
}

@media (max-width: 768px) {
  .bordered-layout .floating-nav {
    width: 100%;
  }
}

@media (max-width: 576px) {
  .widget-box {
    border-bottom: 1px solid #e6e5e7;
  }

  .search-data-box {
    width: 100vw;
    left: 0px;
    top: 55px;
    height: 300px;
    transform: none;
  }

  .p16 {
    font-size: 12px;
    line-height: 140%;
  }

  .p14 {
    font-size: 12px;
    line-height: 140%;
  }

  .uploaded-wrap {
    width: 33%;
  }
}

@media (min-width: 576px) {
  .widget-box {
    border-bottom: 1px solid #e6e5e7;
  }

  .uploaded-wrap {
    width: 33%;
  }

  .p14 {
    font-size: 12px;
    line-height: 140%;
  }

  .modal-gallery .main-slide {
    width: calc(100% - 100px);
  }

  .main-gallery .main-slide {
    width: calc(100% - 100px);
  }

  .search-data-box {
    width: 100vw;
    left: 0px;
    top: 55px;
    transform: none;
  }

  .btn-table {
    font-size: 14px;
  }

  .p16 {
    font-size: 14px;
    line-height: 140%;
  }
}

@media (min-width: 992px) {
  .widget-box {
    border-right: 1px solid #e6e5e7;
    border-bottom: none;
  }

  .uploaded-wrap {
    width: 33%;
  }

  .col-datetime {
    width: 185px;
    flex: 0 0 185px;
  }

  .col-date {
    width: 125px;
    flex: 0 0 125px;
  }

  .col-reference {
    width: 160px;
    flex: 0 0 160px;
  }

  .select-md-wrap {
    width: 200px;
    flex: 0 0 200px;
  }

  .search-data-box {
    width: 440px;
    left: 33px;
    top: 55px;
  }
}

@media (min-width: 1200px) {
  .bordered-layout .floating-nav {
    width: calc(100vw - (100vw - 100%) - calc(12px * 2) - 320px);
  }

  .uploaded-wrap {
    width: 20%;
  }

  .p14 {
    font-size: 14px;
    line-height: 140%;
  }

  .modal-gallery .main-slide {
    width: calc(100% - 120px);
  }

  .main-gallery .main-slide {
    width: calc(100% - 120px);
  }

  .main-gallery .vertical-slide {
    width: 91px;
  }

  .main-gallery .vertical-slide .product-img-wrap {
    width: 91px !important;
    height: 91px;
  }
}

@media (min-width: 1400px) {
  .p16 {
    font-size: 14px;
    line-height: 140%;
  }

  .btn-table {
    font-size: 14px;
  }

  .container-xxl {
    max-width: 1320px;
  }

  .content-header {
    max-width: 1320px;
  }

  .search-data-box {
    left: 33px;
  }
}

@media (min-width: 1500px) {
  .container-xxl {
    max-width: 1420px;
  }

  .content-header {
    max-width: 1920px;
  }
}

.sales-global-filters {
  gap: 0.5rem;
  flex-wrap: nowrap;
}

.sales-search-with-filter {
  position: relative;
  width: 100%;
}

.sales-search-with-filter .search-input {
  padding-right: 2rem;
}

.sales-search-filter-dropdown {
  position: absolute;
  top: 50%;
  right: 0.75rem;
  margin-top: -15px;
  z-index: 20;
}

.sales-search-filter-dropdown .sales-search-filter-toggle {
  border: 0;
  background: transparent;
  box-shadow: none;
  width: 30px;
  height: 30px;
  padding: 0;
  line-height: 1;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.18s ease, color 0.18s ease;
}

.sales-search-filter-dropdown .sales-search-filter-toggle:focus {
  outline: none;
  background-color: rgba(41, 128, 185, 0.12);
}

.sales-search-filter-dropdown .sales-search-filter-toggle:hover {
  background-color: rgba(41, 128, 185, 0.1);
}

.sales-search-filter-dropdown .dropdown-menu {
  min-width: 340px;
  background-color: #fff;
  border: 1px solid #ebe9f1;
  border-radius: 0.428rem;
}

.sales-search-filter-dropdown.show {
  z-index: 40;
}

.sales-search-filter-dropdown.show .sales-search-filter-toggle {
  background-color: rgba(41, 128, 185, 0.12);
}

.sales-search-filter-dropdown.show .dropdown-menu {
  border-color: #d5d2dc;
  box-shadow: 0 0 0 1px rgba(41, 128, 185, 0.2), 0 14px 32px rgba(34, 41, 47, 0.18);
}

.dropdown-menu.sales-filter-dropdown-menu--portaled {
  z-index: 1060;
  min-width: 340px;
  background-color: #fff;
  border: 1px solid #d5d2dc;
  border-radius: 0.428rem;
  box-shadow: 0 0 0 1px rgba(41, 128, 185, 0.2), 0 14px 32px rgba(34, 41, 47, 0.18);
}

.sales-filters-popup {
  width: 340px;
}

.sales-global-filter-control {
  width: 100%;
  background-color: #fff !important;
  color: inherit;
}

.sales-global-filter-control[readonly] {
  background-color: #fff !important;
}

.sales-global-date-picker {
  display: block;
  width: 100%;
}

.sales-global-filter-owner,
.sales-global-filter-warehouse {
  min-width: 220px;
}

.sales-price-range {
  gap: 0.5rem;
  align-items: center;
}

.sales-price-range-sep {
  flex: 0 0 auto;
  color: #6e6b7b;
  font-weight: 500;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

@media (max-width: 767.98px) {
  .sales-search-filter-dropdown {
    right: 0.5rem;
  }

  .sales-search-filter-dropdown .dropdown-menu {
    min-width: 0;
    width: calc(100vw - 1rem);
    max-width: 360px;
  }

  .sales-filters-popup {
    width: 100%;
  }

  .dropdown-menu.sales-filter-dropdown-menu--portaled {
    min-width: 0;
    width: calc(100vw - 1rem);
    max-width: 360px;
  }
}

* {
  scrollbar-width: thin;
  scrollbar-color: rgba(110, 107, 123, 0.3) transparent;
}

*::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

*::-webkit-scrollbar-track {
  background: transparent;
}

*::-webkit-scrollbar-thumb {
  background-color: rgba(110, 107, 123, 0.3);
  border-radius: 999px;
}

*::-webkit-scrollbar-corner {
  background: transparent;
}

.dark-layout * {
  scrollbar-color: rgba(180, 183, 189, 0.35) transparent;
}

.dark-layout *::-webkit-scrollbar-thumb {
  background-color: rgba(180, 183, 189, 0.35);
}

.scrollable {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.scrollable::-webkit-scrollbar {
  display: none;
}

.text-white {
  color: #ffffff;
}

.text-black {
  color: #2c65ff;
}

.text-accent {
  color: #2980b9;
}

.text-light-blue {
  color: #2293f5;
}

.text-dark-blue {
  color: #1f3dd5;
}

.text-darkest-blue {
  color: #122374;
}

.text-pale-blue {
  color: #f8faff;
}

.text-mid-grey {
  color: #575757;
}

.text-darkest-grey {
  color: #39393a;
}

.text-affirmative-green {
  color: #7de651;
}

.bg-white {
  background-color: #ffffff;
}

.bg-black {
  background-color: #2c65ff;
}

.bg-accent {
  background-color: #2980b9;
}

.bg-light-blue {
  background-color: #2293f5;
}

.bg-dark-blue {
  background-color: #1f3dd5;
}

.bg-darkest-blue {
  background-color: #122374;
}

.bg-pale-blue {
  background-color: #f8faff;
}

.bg-mid-grey {
  background-color: #575757;
}

.bg-darkest-grey {
  background-color: #39393a;
}

.bg-affirmative-green {
  background-color: #7de651;
}

.text-muted {
  color: #716e87 !important;
}

.text-highlight {
  background-color: #ffeb3b;
  color: #1e1e1e;
  border-radius: 0.25rem;
}

.dark-layout .text-highlight {
  background-color: #dfcf3d;
  color: #1e1e1e;
}

body {
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 1rem;
  line-height: 1.45;
  font-variant-numeric: tabular-nums;
}

.dm-mono {
  font-family: "DM Mono", "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}

.cursor-pointer {
  cursor: pointer;
}

.scrollable {
  position: relative;
  margin-bottom: 10px;
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  -webkit-scroll-direction: horizontal;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.white-bg {
  background-color: #ffffff;
  background: #ffffff;
}

.primary-color {
  color: #2980b9;
}

.container-xxl {
  margin-left: auto;
  margin-right: auto;
  padding: 0px;
}

a {
  color: #2980b9;
}

a:hover,
a:focus-visible {
  color: #20638f;
  text-decoration: underline;
}

.mb-2rem {
  margin-bottom: 2rem;
}

.victus-link {
  text-decoration: underline !important;
}

.victus-link-wrap .card-body {
  transition: 0.2s ease;
}

.victus-link-wrap h6 {
  color: #2980b9 !important;
}

.victus-link-wrap h6:hover {
  text-decoration: underline !important;
}

.victus-link-wrap a {
  color: #2980b9 !important;
}

.victus-link-wrap a:hover {
  text-decoration: underline !important;
}

.victus-link-wrap a:hover .card-body {
  transition: 0.2s ease;
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.1);
}

.victus-link-wrap .btn:hover {
  text-decoration: none !important;
}

.expandable-container {
  width: 40px;
  transition: 0.3s ease;
  height: 40px;
  margin-bottom: 12px;
}

.expanded {
  width: 100%;
}

.slide-down-enter-active,
.slide-down-leave-active {
  transition: transform 0.1s ease, opacity 0.1s ease;
}

.slide-down-enter,
.slide-down-leave-to {
  transform: translateY(-100%);
  opacity: 0;
}

.badge-pill {
  border-radius: 0.72rem;
  padding: 8px 10px 8px 10px;
  font-size: 12px;
  line-height: 12px;
  font-weight: 500;
}

@media (max-width: 576px) {
  .badge-pill {
    padding: 4px 5px;
  }
}

.victus-link-text {
  font-weight: 700;
  color: #575757;
}

.txt-gray-dark {
  color: #6e6a77 !important;
}

.fw-300 {
  font-weight: 300;
}

.font-weight-medium {
  font-weight: 500 !important;
}

.opacity-1 {
  opacity: 1;
}

.text-ellipsis-500 {
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 500px;
}

.w-16 {
  width: 16px;
}

.mx-w-210 {
  max-width: 210px;
  width: 100%;
}

.disabled-cursor {
  cursor: no-drop;
}

.btn:disabled {
  cursor: no-drop;
}

.shadow-orange {
  box-shadow: 0 0 10px 4px rgba(255, 165, 0, 0.4) !important;
}

.shadow-green {
  box-shadow: 0 0 10px 4px rgba(0, 128, 0, 0.5) !important;
}

.terms-text {
  word-break: normal;
  overflow-wrap: break-word;
  hyphens: auto;
}

.terms-text > p {
  margin-bottom: 0px !important;
}

.in-progress .tooltip-text {
  visibility: hidden;
  width: 200px;
  background-color: black;
  color: #ffffff;
  text-align: left;
  border-radius: 8px;
  padding: 8px 12px;
  position: absolute;
  z-index: 1000;
  bottom: 125%;
  transform: translateX(-50%);
  opacity: 0;
  font-size: 13px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  pointer-events: none;
}

.in-progress:hover .tooltip-text,
.in-progress.show-tooltip .tooltip-text {
  visibility: visible;
  opacity: 1;
}

.tooltip-icon {
  color: inherit;
}

.field-hint {
  margin-left: 0.25rem;
  font-size: 0.8em;
  opacity: 0.65;
  cursor: help;
}

.field-hint:hover,
.field-hint:focus-visible {
  opacity: 1;
}

.row {
  margin-right: -12px;
  margin-left: -12px;
}

.col-xxl,
.col-xxl-auto,
.col-xxl-12,
.col-xxl-11,
.col-xxl-10,
.col-xxl-9,
.col-xxl-8,
.col-xxl-7,
.col-xxl-6,
.col-xxl-5,
.col-xxl-4,
.col-xxl-3,
.col-xxl-2,
.col-xxl-1,
.col-xl,
.col-xl-auto,
.col-xl-12,
.col-xl-11,
.col-xl-10,
.col-xl-9,
.col-xl-8,
.col-xl-7,
.col-xl-6,
.col-xl-5,
.col-xl-4,
.col-xl-3,
.col-xl-2,
.col-xl-1,
.col-lg,
.col-lg-auto,
.col-lg-12,
.col-lg-11,
.col-lg-10,
.col-lg-9,
.col-lg-8,
.col-lg-7,
.col-lg-6,
.col-lg-5,
.col-lg-4,
.col-lg-3,
.col-lg-2,
.col-lg-1,
.col-md,
.col-md-auto,
.col-md-12,
.col-md-11,
.col-md-10,
.col-md-9,
.col-md-8,
.col-md-7,
.col-md-6,
.col-md-5,
.col-md-4,
.col-md-3,
.col-md-2,
.col-md-1,
.col-sm,
.col-sm-auto,
.col-sm-12,
.col-sm-11,
.col-sm-10,
.col-sm-9,
.col-sm-8,
.col-sm-7,
.col-sm-6,
.col-sm-5,
.col-sm-4,
.col-sm-3,
.col-sm-2,
.col-sm-1,
.col,
.col-auto,
.col-12,
.col-11,
.col-10,
.col-9,
.col-8,
.col-7,
.col-6,
.col-5,
.col-4,
.col-3,
.col-2,
.col-1 {
  padding-right: 12px;
  padding-left: 12px;
}

.ml-05 {
  margin-left: 6px !important;
}

.mr-05 {
  margin-right: 6px !important;
}

.m-1 {
  margin: 12px !important;
}

.mt-1,
.my-1 {
  margin-top: 12px !important;
}

.mr-1,
.mx-1 {
  margin-right: 12px !important;
}

.mb-1,
.my-1 {
  margin-bottom: 12px !important;
}

.ml-1,
.mx-1 {
  margin-left: 12px !important;
}

.p-1 {
  padding: 12px !important;
}

.pt-1,
.py-1 {
  padding-top: 12px !important;
}

.pr-1,
.px-1 {
  padding-right: 12px !important;
}

.pb-1,
.py-1 {
  padding-bottom: 12px !important;
}

.pl-1,
.px-1 {
  padding-left: 12px !important;
}

.m-2 {
  margin: 24px !important;
}

.mt-2,
.my-2 {
  margin-top: 24px !important;
}

.mr-2,
.mx-2 {
  margin-right: 24px !important;
}

.mb-2,
.my-2 {
  margin-bottom: 24px !important;
}

.ml-2,
.mx-2 {
  margin-left: 24px !important;
}

.p-2 {
  padding: 24px !important;
}

.pt-2,
.py-2 {
  padding-top: 24px !important;
}

.pr-2,
.px-2 {
  padding-right: 24px !important;
}

.pb-2,
.py-2 {
  padding-bottom: 24px !important;
}

.pl-2,
.px-2 {
  padding-left: 24px !important;
}

@media (min-width: 576px) {
  .mb-sm-0 {
    margin: 0px !important;
  }

  .mt-sm-0 {
    margin: 0px !important;
  }

  .mr-sm-0 {
    margin: 0px !important;
  }

  .ml-sm-0 {
    margin: 0px !important;
  }

  .m-sm-1 {
    margin: 12px !important;
  }

  .mt-sm-1,
  .my-sm-1 {
    margin-top: 12px !important;
  }

  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 12px !important;
  }

  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 12px !important;
  }

  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 12px !important;
  }

  .p-sm-1 {
    padding: 12px !important;
  }

  .pt-sm-1,
  .py-sm-1 {
    padding-top: 12px !important;
  }

  .pr-sm-1,
  .px-sm-1 {
    padding-right: 12px !important;
  }

  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 12px !important;
  }

  .pl-sm-1,
  .px-sm-1 {
    padding-left: 12px !important;
  }

  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0px !important;
  }

  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0px !important;
  }

  .m-sm-2 {
    margin: 24px !important;
  }

  .mt-sm-2,
  .my-sm-2 {
    margin-top: 24px !important;
  }

  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 24px !important;
  }

  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 24px !important;
  }

  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 24px !important;
  }

  .p-sm-2 {
    padding: 24px !important;
  }

  .pt-sm-2,
  .py-sm-2 {
    padding-top: 24px !important;
  }

  .pr-sm-2,
  .px-sm-2 {
    padding-right: 24px !important;
  }

  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 24px !important;
  }

  .pl-sm-2,
  .px-sm-2 {
    padding-left: 24px !important;
  }
}

@media (min-width: 768px) {
  .mb-md-0 {
    margin: 0px !important;
  }

  .mt-md-0 {
    margin: 0px !important;
  }

  .mr-md-0 {
    margin: 0px !important;
  }

  .ml-md-0 {
    margin: 0px !important;
  }

  .m-md-1 {
    margin: 12px !important;
  }

  .mt-md-1,
  .my-md-1 {
    margin-top: 12px !important;
  }

  .mr-md-1,
  .mx-md-1 {
    margin-right: 12px !important;
  }

  .mb-md-1,
  .my-md-1 {
    margin-bottom: 12px !important;
  }

  .ml-md-1,
  .mx-md-1 {
    margin-left: 12px !important;
  }

  .p-md-1 {
    padding: 12px !important;
  }

  .pt-md-1,
  .py-md-1 {
    padding-top: 12px !important;
  }

  .pr-md-1,
  .px-md-1 {
    padding-right: 12px !important;
  }

  .pb-md-1,
  .py-md-1 {
    padding-bottom: 12px !important;
  }

  .pl-md-1,
  .px-md-1 {
    padding-left: 12px !important;
  }

  .pl-md-0,
  .px-md-0 {
    padding-left: 0px !important;
  }

  .pr-md-0,
  .px-md-0 {
    padding-right: 0px !important;
  }

  .m-md-2 {
    margin: 24px !important;
  }

  .mt-md-2,
  .my-md-2 {
    margin-top: 24px !important;
  }

  .mr-md-2,
  .mx-md-2 {
    margin-right: 24px !important;
  }

  .mb-md-2,
  .my-md-2 {
    margin-bottom: 24px !important;
  }

  .ml-md-2,
  .mx-md-2 {
    margin-left: 24px !important;
  }

  .p-md-2 {
    padding: 24px !important;
  }

  .pt-md-2,
  .py-md-2 {
    padding-top: 24px !important;
  }

  .pr-md-2,
  .px-md-2 {
    padding-right: 24px !important;
  }

  .pb-md-2,
  .py-md-2 {
    padding-bottom: 24px !important;
  }

  .pl-md-2,
  .px-md-2 {
    padding-left: 24px !important;
  }
}

@media (min-width: 992px) {
  .mb-lg-0 {
    margin: 0px !important;
  }

  .mt-lg-0 {
    margin: 0px !important;
  }

  .mr-lg-0 {
    margin: 0px !important;
  }

  .ml-lg-0 {
    margin: 0px !important;
  }

  .m-lg-1 {
    margin: 12px !important;
  }

  .mt-lg-1,
  .my-lg-1 {
    margin-top: 12px !important;
  }

  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 12px !important;
  }

  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 12px !important;
  }

  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 12px !important;
  }

  .p-lg-1 {
    padding: 12px !important;
  }

  .pt-lg-1,
  .py-lg-1 {
    padding-top: 12px !important;
  }

  .pr-lg-1,
  .px-lg-1 {
    padding-right: 12px !important;
  }

  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 12px !important;
  }

  .pl-lg-1,
  .px-lg-1 {
    padding-left: 12px !important;
  }

  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0px !important;
  }

  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0px !important;
  }

  .m-lg-2 {
    margin: 24px !important;
  }

  .mt-lg-2,
  .my-lg-2 {
    margin-top: 24px !important;
  }

  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 24px !important;
  }

  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 24px !important;
  }

  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 24px !important;
  }

  .p-lg-2 {
    padding: 24px !important;
  }

  .pt-lg-2,
  .py-lg-2 {
    padding-top: 24px !important;
  }

  .pr-lg-2,
  .px-lg-2 {
    padding-right: 24px !important;
  }

  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 24px !important;
  }

  .pl-lg-2,
  .px-lg-2 {
    padding-left: 24px !important;
  }
}

@media (min-width: 1200px) {
  .pb-xl-0 {
    padding-bottom: 0px !important;
  }
}

@media (min-width: 1440px) {
  .pb-xxl-0 {
    padding-bottom: 0px !important;
  }
}

.card {
  margin-bottom: 12px;
}

.card-body {
  padding: 24px;
}

@media (max-width: 576px) {
  .card-body {
    padding: 12px;
  }
}

.card .card-header {
  padding: 24px;
}

@media (max-width: 576px) {
  .card .card-header {
    padding: 12px;
  }
}

.collapse-margin .card {
  margin-top: 12px;
}

.breadcrumb-item::before {
  float: none;
}

.breadcrumb-item + .breadcrumb-item::before {
  float: none;
  padding-right: 0.6rem;
}

.list-group-item {
  padding: 0.45rem 1.25rem;
}

.content-header {
  min-height: 65px;
}

.shop-preview .product-img img {
  border-radius: 5px;
  -o-object-fit: cover;
     object-fit: cover;
  height: auto;
  aspect-ratio: 1;
  width: 100%;
}

.shop-preview .enlargeable-image .slot {
  display: block !important;
}

.shop-preview .enlargeable-image .full.enlarged {
  padding: 25px;
  background-color: #0000005e;
  z-index: 99999 !important;
  background: none !important;
}

.main-slide .slick-next {
  z-index: 1;
  right: 10px !important;
}

.main-slide .slick-prev {
  z-index: 1;
  left: 10px !important;
}

.main-slide .slick-prev:before,
.main-slide .slick-next:before {
  opacity: 1 !important;
  font-size: 22px;
  color: #ffffff;
}

.vertical-slide {
  display: flex;
  align-items: center;
}

.vertical-slide .slick-current .product-img-wrap {
  border: 3px solid #2980b9;
}

.vertical-slide .product-img-wrap {
  margin: auto;
  border: 1px solid #f8f8f8;
  border-radius: 8px;
}

.vertical-slide .product-img-wrap .product-img {
  margin: auto;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 5px;
  aspect-ratio: 1;
}

.main-gallery .main-slide {
  margin-left: auto;
}

.main-gallery .main-slide .product-img-wrap {
  border-radius: 8px;
}

.main-gallery .main-slide .product-img-wrap .product-img {
  border-radius: 5px;
  -o-object-fit: cover;
     object-fit: cover;
  height: auto;
  aspect-ratio: 1;
  width: 100%;
}

.main-gallery .main-slide {
  width: calc(100% - 90px);
}

.main-gallery .vertical-slide {
  width: 61px;
}

.main-gallery .vertical-slide .slick-track {
  height: auto !important;
}

.main-gallery .vertical-slide .product-img-wrap {
  width: 65px !important;
  height: 65px;
}

.main-gallery .vertical-slide .product-img {
  width: 100%;
  height: 100%;
}

.modal-gallery .main-slide {
  margin-left: auto;
}

.modal-gallery .main-slide .product-img-wrap {
  border-radius: 8px;
  border: 1px solid #f8f8f8;
}

.modal-gallery .main-slide .product-img-wrap .product-img {
  border-radius: 5px;
  -o-object-fit: contain;
     object-fit: contain;
  height: 85vh;
  width: 100%;
}

.modal-gallery .main-slide {
  width: calc(100% - 90px);
}

.modal-gallery .vertical-slide {
  width: 80px;
}

.modal-gallery .vertical-slide .slick-track {
  height: auto !important;
}

.modal-gallery .vertical-slide .product-img-wrap {
  width: 80px !important;
  height: 80px;
}

.modal-gallery .vertical-slide .product-img {
  width: 100%;
  height: 100%;
}

.btn-primary {
  background-color: #1f3dd5;
  color: #ffffff;
  border: 1px solid #1f3dd5;
  font-size: 1em;
  transition: background-color 0.15s ease;
}

.btn-primary:hover {
  background-color: #2293f5;
}

.btn-primary:active {
  background-color: #122374;
}

.btn-secondary {
  background-color: #575757;
  color: #ffffff;
  border: 1px solid #575757;
  font-size: 1em;
  transition: background-color 0.15s ease, box-shadow 0.15s ease;
}

.btn-secondary:hover {
  background-color: #39393a;
  border-color: #39393a;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

.btn-secondary:active {
  background-color: #2c65ff;
  border-color: #2c65ff;
}

.btn-relief-success {
  font-size: 1em;
  font-weight: 500;
}

.padding-table-button {
  padding: 8px 16px 8px 16px;
}

.btn-table {
  background-color: #ffffff;
  border: 1px solid #ebe9f1;
  color: #575757;
  line-height: 1;
  padding: 8px 16px;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.btn-table:hover,
.btn-table:focus-visible {
  color: #434343;
  background-color: rgba(130, 134, 139, 0.06);
}

.btn-table--accent {
  border-color: #2980b9;
  color: #2980b9;
}

.btn-table--accent:hover,
.btn-table--accent:focus-visible {
  color: #ffffff;
  background-color: #2980b9;
}

.btn-table--muted {
  color: #716e87;
}

.btn-table:disabled {
  opacity: 0.6;
  cursor: default;
}

.br-quill .ql-toolbar {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}

.br-quill .ql-container {
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

.quill-200 #quill-container {
  height: 200px !important;
}

.add-note-link {
  font-size: 13px;
  font-weight: 600;
  color: #2980b9;
}

.add-note-link:hover {
  text-decoration: underline;
}

.quill-compact #quill-container {
  height: auto !important;
  min-height: 90px;
}

.quill-compact .ql-editor {
  min-height: 90px;
}

.label-hint {
  font-weight: 400;
  font-size: 11px;
  color: #9a97a5;
}

.input-auto-number:disabled {
  background: #fafafc;
  border-style: dashed;
  color: #6e6b7b;
  opacity: 1;
}

.dark-layout .input-auto-number:disabled {
  background: rgba(255, 255, 255, 0.04);
  color: #b4b7bd;
}

.custom-file-input {
  height: 100%;
  cursor: pointer;
}

.custom-file-label {
  cursor: pointer;
}

.enlargeable-image .full.enlarged {
  background-color: #ffffff !important;
  background: #ffffff !important;
}

.highlighted-date .vc-day-content {
  background-color: #ffd700 !important;
  color: #000 !important;
  border-radius: 50%;
}

.ql-container {
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

.apexcharts-canvas {
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

.drop-zone .custom-file-label {
  cursor: pointer !important;
}

.collapse-no-border .card {
  border: none !important;
}

.open-input {
  background-color: #ffffff;
}

.custom-form #quill-container {
  height: 250px;
}

.custom-form-sm #quill-container {
  height: 150px !important;
}

.label-box-wrap label {
  width: 100%;
}

.label-box-wrap .custom-checkbox .custom-control-label::after,
.label-box-wrap .custom-control-label::after,
.label-box-wrap .custom-checkbox .custom-control-label::before,
.label-box-wrap .custom-control-label::before {
  top: 50%;
  transform: translate(0%, -50%);
}

.sm-comp label {
  margin-bottom: 0px !important;
}

.lg-comp .dragNDrop .custom-file,
.sm-comp .dragNDrop .custom-file {
  height: 100%;
}

.input-group:not(.has-validation) > .form-control:not(:last-child),
.input-group:not(.has-validation) > .custom-select:not(:last-child),
.input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label,
.input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

.ql-toolbar {
  border-top-right-radius: 0.5rem;
  border-top-left-radius: 0.5rem;
}

#quill-container {
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

.height-40 button {
  height: 38px !important;
}

.height-40 input {
  height: 38px !important;
}

.height-button-input .btn {
  min-height: 38px !important;
}

.height-button-input input {
  height: 38px !important;
}

.height-button-input .v-select .vs__search {
  height: 30px !important;
}

.date-changer input {
  font-size: 16px !important;
}

.vc-popover-content-wrapper,
.vc-popover-content {
  z-index: 1060 !important;
}

.vc-popover-content-wrapper {
  --popover-vertical-content-offset: 0.25rem !important;
  --popover-horizontal-content-offset: 0.25rem !important;
}

.vc-popover-content.direction-bottom {
  margin-top: 0.25rem !important;
}

.vc-popover-content.direction-top {
  margin-bottom: 0.25rem !important;
}

.vc-popover-caret {
  display: none !important;
}

.vc-popover-content.vc-container,
.vc-popover-content .vc-container,
.vc-popover-content.vc-nav-popover-container {
  --rounded-lg: 0.72rem;
  border-radius: 0.72rem !important;
}

.vc-popover-content.vc-container {
  overflow: hidden;
  clip-path: inset(0 round 0.72rem);
}

.vc-popover-content.vc-container > .vc-container {
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none;
}

.vc-day .vc-opacity-0 {
  opacity: 0.5;
}

.vc-day .vc-pointer-events-none {
  pointer-events: all;
}

.vc-day.is-not-in-month {
  opacity: 0.5 !important;
  pointer-events: all !important;
}

.vc-day.is-not-in-month * {
  opacity: 0.5 !important;
  pointer-events: all !important;
}

.date-circle {
  background: #f8f8f8;
  border: 1px solid #575757;
}

.date-text {
  color: black;
}

.image-editor-sm .enlargeable-image > .slot > img.default {
  max-width: 100%;
  vertical-align: middle;
  width: 100%;
  max-height: 120px;
  -o-object-fit: cover;
     object-fit: cover;
}

.dropdown-txt-26 .btn {
  font-size: 26px;
  line-height: 15px !important;
}

.custom-b-dropdown .form-checkbox label {
  width: 100% !important;
}

.custom-b-dropdown .b-dropdown-form {
  padding: 0 !important;
}

.cog-wrapper {
  text-align: center;
  height: 38px;
  width: 38px;
  border-radius: 0.72rem;
  background: #2980b9;
  cursor: pointer;
}

.cog-wrapper i {
  color: #ffffff;
  line-height: 38px;
}

.icon-paperclip {
  opacity: 0.2;
}

.dropdown-item {
  border-radius: 6px;
  margin-block: 0.125rem;
  margin-inline: 0.5rem;
  min-block-size: 2.375rem;
  padding-block: 8px !important;
  padding-inline: 16px !important;
  font-size: 0.9375rem;
}

.dropdown-item:hover,
.dropdown-item:focus {
  background-color: #f8f8f8;
  color: #373d3f;
}

.no-padding-dropdown button {
  height: 25px;
  padding: 0px !important;
}

.sm-data-box-wrap .sm-data-box {
  min-width: 175px;
  text-align: left;
  display: flex;
  align-items: center;
}

.sm-data-box-wrap .sm-data-box .icon-wrap {
  width: 40px;
  height: 40px;
  border-radius: 0.72rem;
  background: rgba(41, 128, 185, 0.23);
  text-align: center;
}

.sm-data-box-wrap .sm-data-box .icon-wrap i {
  line-height: 40px;
}

.uploaded-wrap {
  min-width: 120px;
}

.note-text span {
  font-weight: 300;
  color: #6e6a77 !important;
}

.note-text p {
  font-weight: 300;
  color: #6e6a77 !important;
}

.more-wrap {
  width: 22px;
  display: block;
  height: 22px;
  line-height: 22px;
  text-align: center;
  border-radius: 50%;
  margin-left: 5px;
  transition: background-color 0.15s ease;
}

.more-wrap:hover {
  background: #f8f8f8;
}

.wid-s-m {
  height: 37.5px;
  position: absolute;
  margin-top: -62px;
  right: 12px;
}

@media (max-width: 768px) {
  .wid-s-m {
    right: 12px;
  }
}

.table:not(.table-dark):not(.table-light) thead:not(.thead-dark) th,
.table:not(.table-dark):not(.table-light) tfoot:not(.thead-dark) th {
  background-color: transparent;
  border-bottom: 2px solid #d8d6de;
  color: #6b6779;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.dark-layout .table:not(.table-dark):not(.table-light) thead:not(.thead-dark) th,
.dark-layout .table:not(.table-dark):not(.table-light) tfoot:not(.thead-dark) th {
  background-color: transparent;
  border-bottom-color: #3b4253;
  color: #9aa0b0;
}

.table:not(.table-dark):not(.table-light) thead:not(.thead-dark) th.is-sorted {
  color: #2980b9;
}

.dark-layout .table:not(.table-dark):not(.table-light) thead:not(.thead-dark) th.is-sorted {
  color: #62acdc;
}

.table thead th.is-sorted {
  box-shadow: inset 0 -2px 0 0 #2980b9;
}

.table thead th.is-sortable {
  cursor: pointer;
}

.table thead th.is-sortable:hover {
  color: #5e5873;
}

.dark-layout .table thead th.is-sortable:hover {
  color: #d0d2d6;
}

.is-negative {
  color: #ea5455;
}

.is-zero {
  color: #c3c0cd;
}

.dark-layout .is-zero {
  color: #b4b7bd;
}

.vx-num {
  text-align: right;
  font-variant-numeric: tabular-nums;
}

.vx-dash {
  color: #c3c0cd;
}

.table th,
.table td {
  padding: 7px 10px;
}

.card .table {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.card .table tbody tr:last-child td:first-child,
.card .table tbody tr:last-child td:last-child {
  border-radius: 0;
}

.table-responsive:not(.custom-table) {
  background-image: linear-gradient(to right, #ffffff 40%, rgba(255, 255, 255, 0)), linear-gradient(to left, #ffffff 40%, rgba(255, 255, 255, 0)), radial-gradient(farthest-side at 0 50%, rgba(34, 41, 47, 0.14), rgba(34, 41, 47, 0)), radial-gradient(farthest-side at 100% 50%, rgba(34, 41, 47, 0.14), rgba(34, 41, 47, 0));
  background-position: 0 0, 100% 0, 0 0, 100% 0;
  background-repeat: no-repeat;
  background-size: 44px 100%, 44px 100%, 14px 100%, 14px 100%;
  background-attachment: local, local, scroll, scroll;
}

.dark-layout .table-responsive:not(.custom-table) {
  background-image: linear-gradient(to right, #283046 40%, rgba(40, 48, 70, 0)), linear-gradient(to left, #283046 40%, rgba(40, 48, 70, 0)), radial-gradient(farthest-side at 0 50%, rgba(0, 0, 0, 0.32), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, 0.32), rgba(0, 0, 0, 0));
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: #fafafc;
}

.partner-items-table th:first-child,
.partner-items-table td:first-child {
  padding-left: 0;
}

.partner-items-table th:last-child,
.partner-items-table td:last-child {
  padding-right: 0;
}

.partner-items-table tbody tr:hover td {
  background-color: #f6f6f9;
}

.dark-layout .partner-items-table tbody tr:hover td {
  background-color: rgba(59, 66, 83, 0.45);
}

.row-remove-btn {
  padding: 0;
  border: 0;
  background: none;
  line-height: 1;
  cursor: pointer;
  color: #c3c0cd;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border-radius: 0.25rem;
}

@media (hover: hover) and (pointer: fine) {
  .row-remove-btn:hover:not(:disabled) {
    background-color: rgba(110, 107, 123, 0.12);
  }
}

.row-remove-btn:focus-visible {
  outline: 2px solid #2980b9;
  outline-offset: 2px;
  border-radius: 0.25rem;
}

.row-remove-btn:disabled {
  cursor: default;
  opacity: 0.5;
}

@media (hover: hover) and (pointer: fine) {
  .row-remove-btn:hover:not(:disabled) {
    color: #ea5455;
  }
}

.row-remove-btn:focus-visible:not(:disabled) {
  color: #ea5455;
}

@media (hover: none) {
  .row-remove-btn:not(:disabled) {
    color: #ea5455;
  }
}

@media (hover: hover) and (pointer: fine) {
  tr:hover .row-remove-btn:not(:disabled) {
    color: #ea5455;
  }
}

.badge.badge-light-primary {
  color: #246fa1 !important;
}

.badge.badge-light-secondary {
  color: #686b6f !important;
}

.badge.badge-light-success {
  color: #197d46 !important;
}

.badge.badge-light-danger {
  color: #b94243 !important;
}

.badge.badge-light-warning {
  color: #9c6129 !important;
}

.badge.badge-light-info {
  color: #007a89 !important;
}

.dark-layout .badge.badge-light-primary {
  color: #2980b9 !important;
}

.dark-layout .badge.badge-light-secondary {
  color: #82868b !important;
}

.dark-layout .badge.badge-light-success {
  color: #28c76f !important;
}

.dark-layout .badge.badge-light-danger {
  color: #ea5455 !important;
}

.dark-layout .badge.badge-light-warning {
  color: #ff9f43 !important;
}

.dark-layout .badge.badge-light-info {
  color: #00cfe8 !important;
}

.modal-open .modal,
.modal .modal-dialog {
  overflow: visible;
}

.modal-fullscreen .modal-dialog {
  max-height: calc(100vh - 3.5rem);
}

.modal-fullscreen .modal-content {
  border: none !important;
  border-radius: 0.72rem !important;
  max-height: calc(100vh - 3.5rem);
  display: flex;
  flex-direction: column;
}

.modal-fullscreen .modal-header {
  border: none !important;
  flex: 0 0 auto;
}

.modal-fullscreen .modal-body {
  flex: 1 1 auto;
  overflow-y: auto;
  min-height: 0;
}

.gallery-popup .modal-dialog {
  width: calc(100vw - 2rem);
  max-width: none;
  height: calc(100vh - 2rem);
  margin: 1rem auto;
}

.gallery-popup .modal-content {
  height: 100%;
  max-height: none;
}

.gallery-popup .modal-body {
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
  padding-top: 0;
}

.gallery-popup .modal-gallery .main-slide .product-img-wrap .product-img {
  height: calc(100vh - 11rem);
}

.modal-dialog-scrollable .modal-content {
  overflow: hidden;
}

.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.modal.fade.motion-modal,
.modal.fade.fleet-modal {
  transition: opacity 200ms cubic-bezier(0.23, 1, 0.32, 1);
}

.modal.fade.motion-modal .modal-dialog,
.modal.fade.fleet-modal .modal-dialog {
  transform: scale(0.98);
  transition: transform 200ms cubic-bezier(0.23, 1, 0.32, 1);
}

.modal.show.motion-modal .modal-dialog,
.modal.show.fleet-modal .modal-dialog {
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  .modal.fade.motion-modal .modal-dialog,
  .modal.fade.fleet-modal .modal-dialog {
    transform: none;
    transition: none;
  }
}

.main-menu.menu-light .navigation {
  background: none !important;
}

.bordered-layout .main-menu,
.bordered-layout .vertical-overlay-menu.menu-hide .main-menu,
.vertical-overlay-menu.menu-hide .bordered-layout .main-menu {
  background-color: #ffffff;
  background: #ffffff;
}

.menu-icon-sm {
  font-size: 13px;
}

.no-icon {
  background: transparent !important;
  color: #6e6b7b !important;
}

.no-icon a,
.no-icon span {
  color: #6e6b7b !important;
}

.no-icon-active {
  font-weight: bold !important;
}

.menu-title-default {
  padding-top: 12px;
  padding-bottom: 12px;
}

.menu-title-child {
  margin-left: 6px;
  padding-left: 18px;
  border-left: 1.5px solid #ebe9f1;
  padding-top: 8px;
  padding-bottom: 8px;
}

.main-menu.menu-light .navigation li.nav-item ul.menu-content .no-icon a:hover > * {
  transform: none !important;
}

.main-menu.menu-light .navigation li.nav-item ul.menu-content .no-icon a:hover > *:hover {
  font-weight: bold !important;
}

.main-menu.menu-light .navigation li.nav-item ul.menu-content .no-icon > *:hover {
  font-weight: bold !important;
}

.main-menu.menu-light .navigation li.nav-item a:hover > * {
  font-weight: bold !important;
}

.nav-group-menu li:first-child span {
  padding-top: 0 !important;
}

.nav-group-menu li:first-child a {
  padding-top: 12px !important;
}

.nav-group-menu li:last-child .text-link {
  margin-bottom: 0px !important;
}

.victus-navigation .no-icon {
  min-height: 34px !important;
}

.nav-item-link {
  min-width: 0;
  width: 100%;
}

.nav-item-link .menu-title {
  flex: 1 1 auto;
  min-width: 0;
}

.nav-item-actions {
  position: relative;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.85rem;
  min-width: 1.85rem;
  height: 1.85rem;
  margin-left: 0.2rem;
  margin-right: 0;
}

.main-menu .navigation > li.nav-item.has-quick-create:not(.no-icon) > .nav-item-link > .menu-title {
  flex: 0 1 auto;
  max-width: calc(100% - 3.5rem);
}

.main-menu .navigation > li.nav-item.has-quick-create:not(.no-icon) > .nav-item-link > .nav-item-actions {
  margin-left: auto;
  margin-right: 1.1rem;
}

.main-menu .navigation li.nav-item.has-quick-create:hover > .nav-item-link > .nav-item-actions > .nav-badge,
.main-menu .navigation li.nav-item.has-quick-create:focus-within > .nav-item-link > .nav-item-actions > .nav-badge {
  opacity: 0;
  pointer-events: none;
}

.nav-quick-create {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-width: 1.5rem;
  min-height: 1.5rem;
  margin: 0;
  padding: 0.35rem;
  border-radius: 0.25rem;
  color: #5e5873;
  font-size: 1rem;
  line-height: 1;
  opacity: 0;
  transform: translate(-50%, -50%);
  transition: opacity 0.12s ease, color 0.12s ease, background-color 0.12s ease;
  pointer-events: none;
  cursor: pointer;
}

.nav-quick-create .fa {
  color: inherit !important;
  font-weight: 600 !important;
  font-size: 1rem !important;
  line-height: 1;
}

.nav-quick-create:hover {
  color: var(--primary, #2980b9);
  background-color: rgba(41, 128, 185, 0.12);
}

.main-menu .navigation li.nav-item.has-quick-create:hover > .nav-item-link > .nav-item-actions > .nav-quick-create,
.main-menu .navigation li.nav-item.has-quick-create:focus-within > .nav-item-link > .nav-item-actions > .nav-quick-create {
  opacity: 1;
  pointer-events: auto;
}

.nav-item-actions > .nav-badge {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  transition: opacity 0.12s ease;
}

.no-icon .nav-quick-create,
.main-menu .navigation li.nav-item.has-quick-create:hover > .nav-item-link > .nav-item-actions > .nav-quick-create {
  color: #5e5873 !important;
  font-weight: 600 !important;
}

.main-menu .navigation li.nav-item.has-quick-create > .nav-item-link > .nav-item-actions > .nav-quick-create:hover {
  color: var(--primary, #2980b9) !important;
}

.nav-badge {
  flex-shrink: 0;
  min-width: 20px;
  padding: 0.2rem 0.4rem;
  border-radius: 0.25rem;
  background-color: rgba(255, 159, 67, 0.12);
  color: #9c6129;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  font-variant-numeric: tabular-nums;
}

.vertical-layout.vertical-menu-modern.menu-collapsed .vertical-nav-menu-victus:not(.expanded) .navigation > li.nav-item.has-quick-create:not(.no-icon) > a > .nav-item-actions {
  display: none;
}

.no-icon .nav-badge,
.main-menu .navigation li.active > a .nav-badge,
.main-menu .navigation li:hover > a .nav-badge,
.main-menu.menu-light .navigation li.nav-item a:hover > .nav-badge {
  color: #9c6129 !important;
  font-weight: 500 !important;
}

.vertical-layout.vertical-menu-modern.menu-collapsed .vertical-nav-menu-victus:not(.expanded) .navigation > li > a > .nav-badge {
  position: absolute;
  top: 12px;
  right: calc(50% - 12px);
  min-width: 0;
  width: 8px;
  height: 8px;
  padding: 0;
  border-radius: 50%;
  background-color: #ff9f43;
  box-shadow: 0 0 0 1.5px #ffffff;
  overflow: hidden;
  color: transparent;
  text-indent: -99px;
}

.dark-layout .nav-quick-create {
  color: #d0d2d6;
}

.dark-layout .nav-quick-create:hover {
  color: var(--primary, #2980b9);
  background-color: rgba(41, 128, 185, 0.16);
}

.dark-layout .no-icon .nav-quick-create,
.dark-layout .main-menu .navigation li.nav-item.has-quick-create:hover > .nav-item-link > .nav-item-actions > .nav-quick-create {
  color: #d0d2d6 !important;
}

.dark-layout .main-menu .navigation li.nav-item.has-quick-create > .nav-item-link > .nav-item-actions > .nav-quick-create:hover {
  color: var(--primary, #2980b9) !important;
}

.dark-layout .nav-badge {
  background-color: rgba(255, 159, 67, 0.16);
  color: #ff9f43;
}

.dark-layout .no-icon .nav-badge,
.dark-layout .main-menu .navigation li.active > a .nav-badge,
.dark-layout .main-menu .navigation li:hover > a .nav-badge,
.dark-layout .main-menu.menu-light .navigation li.nav-item a:hover > .nav-badge {
  color: #ff9f43 !important;
}

.dark-layout.vertical-layout.vertical-menu-modern.menu-collapsed .vertical-nav-menu-victus:not(.expanded) .navigation > li > a > .nav-badge {
  box-shadow: 0 0 0 1.5px #283046;
}

.sidebar-footer {
  flex-shrink: 0;
  padding: 0.75rem 1.25rem 1rem 30px;
  border-top: 1px solid #ebe9f1;
  background: #ffffff;
  font-size: 1rem;
  line-height: 1.45;
  color: #6e6b7b;
}

.sidebar-footer__icon {
  flex-shrink: 0;
  color: #c3c0cd;
}

.sidebar-footer__brand {
  color: inherit;
  text-decoration: none;
  transition: color 0.2s ease;
}

.sidebar-footer__brand:hover {
  color: #2980b9;
  text-decoration: underline;
}

.sidebar-footer__sep {
  margin: 0 0.35rem;
  color: #c3c0cd;
}

.sidebar-footer--collapsed {
  justify-content: center;
  padding: 0.65rem 0.5rem 0.85rem;
}

.dark-layout .sidebar-footer {
  border-top-color: #3b4253;
  background: #283046;
  color: #b4b7bd;
}

.dark-layout .sidebar-footer .sidebar-footer__sep {
  color: #676d7d;
}

.navbar-light {
  background-color: transparent;
  background: transparent;
}

.bordered-layout .main-menu,
.bordered-layout .vertical-overlay-menu.menu-hide .main-menu,
.vertical-overlay-menu.menu-hide .bordered-layout .main-menu {
  box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.06), 0 18px 45px rgba(15, 23, 42, 0.12) !important;
}

.bordered-layout .header-navbar {
  border: none !important;
}

.bordered-layout .header-navbar .navbar-container {
  background: #ffffff;
  box-shadow: none;
  box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.06), 0 18px 45px rgba(15, 23, 42, 0.12) !important;
  border-radius: 0.72rem !important;
}

.custom-search {
  width: 100%;
  box-shadow: none;
}

.custom-search ::-moz-placeholder {
  color: #575757 !important;
  opacity: 1;
}

.custom-search ::placeholder {
  color: #575757 !important;
  opacity: 1;
}

.custom-search ::-ms-input-placeholder {
  color: #575757 !important;
}

.custom-search input {
  padding-right: 25px !important;
}

.custom-search i {
  transition: 0.2s ease;
  padding: 5px;
  border-radius: 0.375rem;
  border: solid 0px #d8d6de;
  transition: 0.3s ease;
}

.custom-search i:hover {
  box-shadow: 0 0 10px 1px #ededed;
}

.custom-search .search-icon-header {
  position: absolute;
  top: 50%;
  right: 6px;
  transform: translateY(-50%);
  z-index: 5;
}

.header-custom-search {
  width: 275px;
  box-shadow: none !important;
}

.header-custom-search ::-moz-placeholder {
  color: #575757 !important;
  opacity: 1;
}

.header-custom-search ::placeholder {
  color: #575757 !important;
  opacity: 1;
}

.header-custom-search ::-ms-input-placeholder {
  color: #575757 !important;
}

.header-custom-search input {
  padding-left: 25px !important;
  border: none;
  background: transparent !important;
  border-bottom: 1px solid #575757;
  border-radius: 0;
}

.header-custom-search input:active {
  box-shadow: none;
}

.header-custom-search input:focus {
  box-shadow: none !important;
}

.header-custom-search .search-icon-header {
  position: absolute;
  top: 50%;
  left: 0px;
  transform: translateY(-50%);
  z-index: 999;
}

.navbar-header-v1 {
  border-bottom: 1px solid #f7f7f7;
  height: auto !important;
}

.navbar-header-v1 .disabled {
  background-image: none;
  background-color: #ffffff;
  border-color: #ffffff;
}

.navbar-header-v1 .disabled .dropdown-toggle::after {
  opacity: 0 !important;
  display: none !important;
}

.navbar-header-v1 .navbar-nav {
  height: 100%;
}

.navbar-header-v1 .nav-item {
  display: flex;
  align-items: center;
}

.navbar-header-v1 .navbar-brand {
  display: block !important;
  margin: 0px !important;
}

.navbar-header-v1 .brand-logo img {
  height: 50px !important;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 50px !important;
}

.dropdown-nav .nav-link {
  width: 100%;
}

.navbar-module-link {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: 0.375rem;
  color: #2980b9;
  font-weight: 500;
  transition: 0.2s ease;
}

.navbar-module-link i {
  font-size: 16px;
}

.navbar-module-link:hover,
.navbar-module-link:focus {
  background: rgba(41, 128, 185, 0.08);
  color: #2980b9;
  text-decoration: none;
}

.navbar-module-link.router-link-active {
  background: rgba(41, 128, 185, 0.12);
}

@media (max-width: 576px) {
  .container-sm,
  .container {
    max-width: 576px;
  }
}

.custom-container {
  width: 100%;
  max-width: 100%;
  margin-right: auto;
  margin-left: 0px;
}

@media (min-width: 1920px) {
  .custom-container {
    max-width: 1920px;
  }
}

.header-navbar .navbar-container ul.navbar-nav li.dropdown-user .dropdown-menu,
.header-navbar .navbar-container ul.navbar-nav li.dropdown-user .dropdown-user-menu {
  width: auto;
  min-width: 17.5rem;
  max-width: min(22rem, calc(100vw - 1.5rem));
}

.header-navbar .navbar-container ul.navbar-nav li.dropdown-user .dropdown-item {
  white-space: nowrap;
}

.dropdown-user-menu {
  width: 16.5rem !important;
  padding: 0.5rem !important;
}

.dropdown-user-menu .dropdown-item {
  border-radius: 0.375rem;
  padding: 0.55rem 0.75rem;
}

.dropdown-user-menu.show {
  animation: user-menu-in 0.2s ease;
}

@keyframes user-menu-in {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.dropdown-user-menu .menu-ico {
  width: 1.35rem;
  margin-right: 0.5rem;
  text-align: center;
  flex: none;
}

.dropdown-user-link .dif-pointer,
.user-identity .dif-pointer {
  cursor: pointer;
}

.user-identity {
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  background: #f8f8f8;
}

.identity-info {
  min-width: 0;
  display: flex;
  flex-direction: column;
}

.identity-name {
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.identity-mail {
  font-size: 0.8rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.identity-company {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  align-self: flex-start;
  max-width: 100%;
  margin-top: 0.25rem;
  padding: 0.1rem 0.5rem;
  border-radius: 999px;
  background: rgba(41, 128, 185, 0.12);
  color: #2980b9;
  font-size: 0.72rem;
  font-weight: 500;
}

.identity-company .fa-building {
  font-size: 0.65rem;
}

.identity-company-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.world-link {
  font-weight: 500;
}

.world-link .menu-ico {
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  color: inherit;
}

.world-link .world-arrow {
  font-size: 0.75rem;
  opacity: 0.7;
  transition: transform 0.2s ease;
}

.world-link:hover .world-arrow,
.world-link:focus .world-arrow {
  transform: translate(2px, -2px);
}

.world-link-tenant {
  background: rgba(41, 128, 185, 0.12);
  color: #2980b9 !important;
}

.world-link-tenant .menu-ico {
  background: rgba(41, 128, 185, 0.18);
}

.world-link-tenant:hover,
.world-link-tenant:focus {
  background: rgba(41, 128, 185, 0.2);
  color: #2980b9 !important;
}

.world-link-admin {
  background: rgba(115, 103, 240, 0.12);
  color: #7367f0 !important;
}

.world-link-admin .menu-ico {
  background: rgba(115, 103, 240, 0.18);
}

.world-link-admin:hover,
.world-link-admin:focus {
  background: rgba(115, 103, 240, 0.2);
  color: #7367f0 !important;
}

.logout-link {
  color: #ea5455 !important;
  font-weight: 500;
}

.logout-link:hover,
.logout-link:focus {
  background: rgba(234, 84, 85, 0.1);
  color: #ea5455 !important;
}

.dropdown-user .responsive-avatar {
  display: inline-block;
}

.dropdown-user .responsive-avatar .b-avatar {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  transition: box-shadow 0.15s ease-in-out;
}

.dropdown-user.show .responsive-avatar .b-avatar {
  box-shadow: 0 0 0 2px #2980b9;
}

@media (max-width: 767.98px) {
  .dropdown-user .responsive-avatar .b-avatar {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
  }
}

.dark-layout .dropdown-user-menu .user-identity {
  background: #313a52;
}

.full-width-dropdown {
  max-width: 100%;
}

.full-width-dropdown .dropdown-menu {
  width: 100%;
  min-width: 100%;
}

.full-width-dropdown .dropdown-menu .dropdown-item {
  width: 100%;
}

.full-width-dropdown .dropdown-toggle {
  display: flex;
  align-items: center;
  max-width: 100%;
  overflow: hidden;
}

.full-width-dropdown .b-dropdown-item {
  width: 100%;
  display: block;
  white-space: nowrap;
}

.dropdown-language .b-avatar,
.dropdown-nav.full-width-dropdown .b-avatar {
  background: #f8f8f8 !important;
  color: #2c2c2c;
}

.dark-layout .dropdown-language .b-avatar.badge-light-company,
.dark-layout .full-width-dropdown .b-avatar.badge-light-company {
  background: #f8f8f8 !important;
}

.victus-link-text {
  flex: 1;
  text-align: left;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.brand-landscape {
  width: 100%;
  height: auto;
  max-height: 56px;
  aspect-ratio: 35/9;
  max-width: 100%;
}

.custom-icon {
  margin-left: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  fill: #000;
  flex: 0 0 16px;
}

.company-switch-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-width: 0;
  max-width: 100%;
}

.company-display {
  display: block;
  flex: 1 1 auto;
  width: auto;
  min-width: 0;
  overflow: hidden;
}

.full-width-dropdown .navbar-brand {
  display: flex;
  align-items: center;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
}

.compact-dropdown {
  width: auto;
  display: inline-flex;
  justify-content: center;
}

.compact-dropdown .dropdown-toggle {
  width: 18px;
  min-width: 18px;
  max-width: 18px;
  padding-left: 0;
  padding-right: 0;
  justify-content: center;
  overflow: visible;
}

.compact-dropdown .company-switch-trigger {
  justify-content: center;
  width: 18px;
  min-width: 18px;
  max-width: 18px;
}

.compact-dropdown .navbar-brand {
  display: none;
}

.compact-dropdown .custom-icon-compact {
  margin-left: 0;
  width: 15px;
  height: 15px;
  flex: 0 0 15px;
}

.favorites-wrapper {
  text-align: center;
  height: 38px;
  width: 38px;
  border-radius: 0.72rem;
  background: #2980b9;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.favorites-wrapper .favorites-star-btn {
  padding: 0;
  color: #fff;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  line-height: 38px;
}

.favorites-wrapper .favorites-star-btn:hover,
.favorites-wrapper .favorites-star-btn.is-favorited {
  color: #f5a623;
}

.favorite-edit-info {
  background: #f8f8f8;
  border-radius: 0.72rem;
  padding: 10px 12px;
  margin-top: 4px;
}

.favorite-edit-info .fav-info-row {
  display: flex;
  align-items: center;
  font-size: 13px;
  line-height: 1.4;
}

.favorite-edit-info .fav-info-icon {
  color: #b9b9c3;
  font-size: 11px;
  width: 16px;
  margin-right: 8px;
  text-align: center;
}

.favorite-edit-info .fav-info-value {
  color: #5e5873;
}

.favorite-edit-info .fav-info-muted {
  color: #b9b9c3;
  font-style: italic;
}

.dark-layout .favorites-wrapper .favorites-star-btn {
  color: #b4b7bd;
}

.dark-layout .favorites-wrapper .favorites-star-btn.is-favorited {
  color: #f5a623;
}

.dark-layout .favorite-edit-info {
  background: #283046;
}

.dark-layout .favorite-edit-info .fav-info-icon {
  color: #676d7d;
}

.dark-layout .favorite-edit-info .fav-info-value {
  color: #d0d2d6;
}

.dark-layout .favorite-edit-info .fav-info-muted {
  color: #676d7d;
}

.locale-menu-item {
  list-style: none;
}

.locale-row {
  cursor: default;
}

.locale-row:hover,
.locale-row:focus {
  background: transparent;
}

.locale-seg {
  display: inline-flex;
  border: 1px solid #ebe9f1;
  border-radius: 0.375rem;
  overflow: hidden;
  flex: none;
}

.locale-seg-btn {
  border: 0;
  background: transparent;
  color: inherit;
  font-size: 0.72rem;
  font-weight: 600;
  line-height: 1;
  padding: 0.3rem 0.55rem;
  cursor: pointer;
  transition: background 0.15s ease-in-out, color 0.15s ease-in-out;
}

.locale-seg-btn.active {
  background: #2980b9;
  color: #fff;
  cursor: default;
}

.locale-seg-btn:not(.active):hover {
  background: rgba(41, 128, 185, 0.12);
  color: #2980b9;
}

.dark-layout .locale-seg {
  border-color: #3b4253;
}

.dropdown-notification .notif-image {
  height: 60px;
  width: 70px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0.375rem;
}

.dropdown-notification .dropdown-menu-footer .dropdown-item,
.dropdown-notification .dropdown-item {
  padding: 0 !important;
}

.breadcrumb-skeleton {
  display: inline-block;
  vertical-align: middle;
  width: 90px;
  height: 1em;
}

.content-wrapper.custom-container .header-actions-row .fa-spinner {
  animation: layout-spin 2s linear infinite;
}

.content-wrapper.custom-container .dropdown-menu.show {
  display: flex;
  flex-direction: column;
}

@keyframes layout-spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.declarations-dropdown .btn {
  border: none !important;
}

.header-actions-row {
  min-height: 65px;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  row-gap: 0;
}

.header-actions-row .breadcrumb-wrapper {
  min-width: 0;
  display: flex;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
}

.header-actions-row .breadcrumb {
  padding-top: 0;
  padding-bottom: 0;
}

.header-actions-row .content-header-right {
  display: flex;
  align-items: center;
  max-width: 100%;
}

.header-actions-row .content-header-right,
.header-actions-row .content-header-right > div,
.header-actions-row .content-header-right .document-preview-settings {
  min-width: 0;
}

.header-document-actions {
  position: relative;
}

@media (min-width: 768px) {
  .header-actions-row .header-document-actions__items {
    align-items: center;
  }

  .header-actions-row .header-document-actions__items > *:not(.header-document-actions__icon-row),
  .header-actions-row .header-document-actions__toggle {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .header-document-actions__menu {
    display: block;
  }
}

@media (max-width: 767.98px) {
  .header-document-actions {
    display: flex;
    justify-content: flex-end;
  }

  .header-document-actions__toggle {
    padding: 0.5rem 0.75rem;
    line-height: 1;
  }

  .header-document-actions__menu {
    display: none;
    position: absolute;
    top: calc(100% + 0.25rem);
    right: 0;
    z-index: 1050;
    min-width: 13rem;
    max-width: min(20rem, calc(100vw - 2rem));
    padding: 0.5rem;
    background: #ffffff;
    border: 1px solid #ebe9f1;
    border-radius: 0.72rem;
    box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.15);
  }

  .header-document-actions__menu.is-open {
    display: block;
  }

  .header-document-actions__items {
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    text-align: left !important;
    gap: 0.35rem;
  }

  .header-document-actions__items > *:not(.header-document-actions__icon-row) {
    width: 100%;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .header-document-actions__dates {
    text-align: left;
  }

  .header-document-actions__icon-row {
    width: auto !important;
    align-self: flex-end;
    gap: 0.5rem;
    margin-top: 0.25rem;
    flex-shrink: 0;
  }

  .header-document-actions__icon-row .cog-wrapper,
  .header-document-actions__icon-row .favorites-wrapper {
    width: 38px !important;
    flex: 0 0 38px;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .header-document-actions__items > .btn {
    display: flex !important;
    width: 100%;
    justify-content: flex-start;
    text-align: left;
  }

  .header-document-actions__items > .dropdown,
  .header-document-actions__items > .b-dropdown {
    display: flex !important;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
    justify-content: flex-start;
    text-align: left;
  }

  .header-document-actions__items > .dropdown:not(.btn-group) > .btn,
  .header-document-actions__items > .dropdown:not(.btn-group) > .dropdown-toggle,
  .header-document-actions__items > .b-dropdown:not(.btn-group) > .btn,
  .header-document-actions__items > .b-dropdown:not(.btn-group) > .dropdown-toggle {
    width: 100%;
    justify-content: flex-start;
    text-align: left;
  }

  .header-document-actions__items > .dropdown.btn-group > .btn:not(.dropdown-toggle-split),
  .header-document-actions__items > .b-dropdown.btn-group > .btn:not(.dropdown-toggle-split) {
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
    justify-content: flex-start;
    text-align: left;
  }

  .header-document-actions__items > .dropdown.btn-group > .dropdown-toggle-split,
  .header-document-actions__items > .b-dropdown.btn-group > .dropdown-toggle-split {
    flex: 0 0 auto;
    width: auto;
  }

  .header-document-actions__items .dropdown-menu {
    position: static !important;
    transform: none !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    float: none;
    flex: 0 0 100%;
    width: 100% !important;
    min-width: 0 !important;
    margin-top: 0.25rem;
    box-shadow: none;
    border: 1px solid #ebe9f1;
  }

  .header-document-actions__items .dropdown-menu.show {
    display: flex;
    flex-direction: column;
  }

  .header-document-actions__items .fa-print.d-lg-none,
  .header-document-actions__items .fa-receipt.d-lg-none,
  .header-document-actions__items .fa-file-pdf.d-lg-none,
  .header-document-actions__items .fa-pen-to-square.d-lg-none,
  .header-document-actions__items .fa-shopping-cart.d-lg-none {
    display: none !important;
  }

  .header-document-actions__items .d-none.d-lg-block {
    display: inline !important;
  }

  .header-document-actions__backdrop {
    position: fixed;
    inset: 0;
    z-index: 1040;
    background: transparent;
  }
}

.dark-layout .header-document-actions__menu {
  background: #283046;
  border-color: #3b4253;
  box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.35);
}

.dark-layout .header-document-actions__items .dropdown-menu {
  background: #283046;
  border-color: #3b4253;
}

@media (max-width: 575.98px) {
  .hidden-over {
    max-width: 100%;
    overflow-x: clip;
  }
}

.cws-container {
  position: relative;
}

.cws-container .cws-content {
  width: calc(100% - 320px - 2rem);
}

@media (max-width: 991.98px) {
  .cws-container .cws-content {
    width: 100%;
  }
}

.cws-container .cws-sidebar {
  width: 320px;
  position: absolute;
  right: 0;
  top: 0;
}

@media (max-width: 991.98px) {
  .cws-container .cws-sidebar {
    margin-top: 2rem;
    position: static;
    width: 100%;
  }
}

.admin-context {
  min-width: 0;
  gap: 0.5rem;
}

.admin-context-mark {
  flex: none;
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.375rem;
  background: rgba(41, 128, 185, 0.14);
  color: #246fa1;
  font-size: 0.8rem;
}

.admin-context-title {
  font-weight: 600;
  font-size: 0.857rem;
  color: #5e5873;
  white-space: nowrap;
}

.admin-env-chip {
  flex: none;
  padding: 0.1rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  white-space: nowrap;
}

.admin-env-chip--local {
  background: rgba(41, 128, 185, 0.14);
  color: #246fa1;
}

.admin-env-chip--dev {
  background: rgba(0, 207, 232, 0.16);
  color: #007a89;
}

.admin-env-chip--stage {
  background: rgba(255, 159, 67, 0.18);
  color: #9c6129;
}

.admin-env-chip--production {
  background: rgba(234, 84, 85, 0.14);
  color: #b94243;
}

.admin-env-chip--other {
  background: rgba(130, 134, 139, 0.16);
  color: #686b6f;
}

.admin-status-toggle {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.admin-status-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.25rem 0.75rem;
  border: 1px solid #ebe9f1;
  border-radius: 0.375rem;
  font-size: 0.857rem;
  font-weight: 500;
  color: #6e6b7b;
  transition: border-color 0.15s ease-in-out, background-color 0.15s ease-in-out;
}

.admin-status-pill--ok {
  border-color: rgba(40, 199, 111, 0.4);
  color: #197d46;
}

.admin-status-pill--warning {
  border-color: rgba(255, 159, 67, 0.5);
  background: rgba(255, 159, 67, 0.1);
  color: #9c6129;
}

.admin-status-pill--danger {
  border-color: rgba(234, 84, 85, 0.5);
  background: rgba(234, 84, 85, 0.1);
  color: #b94243;
}

.admin-status-pill--unknown {
  color: #716e87;
}

.admin-status-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: currentColor;
  flex: none;
}

.admin-status-pill--unknown .admin-status-dot {
  background: #b8c2cc;
}

.admin-status-count {
  font-variant-numeric: tabular-nums;
  font-weight: 600;
}

.admin-status-menu {
  width: 20rem !important;
  min-width: 20rem !important;
  padding: 0.5rem !important;
  box-shadow: 0 5px 25px 0 rgba(34, 41, 47, 0.1);
}

.admin-status-row .menu-ico {
  width: 1.35rem;
  margin-right: 0.5rem;
  text-align: center;
  flex: none;
  color: #716e87;
}

.admin-status-head,
.admin-status-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.35rem 0.75rem;
  font-size: 0.75rem;
  color: #716e87;
}

.admin-status-head {
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #6e6b7b;
}

.admin-status-window {
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
}

.admin-status-menu .dropdown-item.admin-status-row,
.admin-status-menu .admin-status-row {
  border-radius: 0.375rem;
  padding: 0.45rem 0.75rem;
}

.admin-status-row-label {
  font-size: 0.857rem;
}

.admin-status-values {
  gap: 0.5rem;
}

.admin-status-value {
  font-size: 0.72rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  padding: 0.05rem 0.4rem;
  border-radius: 0.25rem;
  white-space: nowrap;
}

.admin-status-value--danger {
  background: rgba(234, 84, 85, 0.12);
  color: #b94243;
}

.admin-status-value--warning {
  background: rgba(255, 159, 67, 0.14);
  color: #9c6129;
}

.admin-status-value--ok {
  color: #197d46;
}

.admin-version-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem 0.75rem;
  border: 1px solid #ebe9f1;
  border-radius: 0.375rem;
  font-size: 0.857rem;
  font-weight: 500;
  color: #6e6b7b;
  transition: color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

.admin-version-chip:hover,
.admin-version-chip:focus {
  color: #2980b9;
  border-color: rgba(41, 128, 185, 0.5);
}

.admin-version-icon {
  font-size: 0.7rem;
  opacity: 0.7;
}

.admin-version-number {
  font-variant-numeric: tabular-nums;
}

.admin-version-behind {
  display: inline-flex;
  align-items: center;
  gap: 0.15rem;
  margin-left: 0.25rem;
  padding: 0.05rem 0.35rem;
  border-radius: 0.25rem;
  background: rgba(255, 159, 67, 0.16);
  color: #9c6129;
  font-size: 0.7rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}

.admin-version-behind .fa-arrow-down {
  font-size: 0.6rem;
}

.admin-exit-link {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.3rem 0.75rem;
  border: 1px solid #ebe9f1;
  border-radius: 0.375rem;
  font-size: 0.857rem;
  font-weight: 500;
  color: #6e6b7b;
  transition: color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

.admin-exit-link:hover,
.admin-exit-link:focus {
  color: #2980b9;
  border-color: rgba(41, 128, 185, 0.5);
}

.admin-exit-icon {
  font-size: 0.7rem;
}

.dark-layout .admin-context-title {
  color: #d0d2d6;
}

.dark-layout .admin-status-pill,
.dark-layout .admin-version-chip,
.dark-layout .admin-exit-link {
  border-color: #3b4253;
  color: #b4b7bd;
}

.dark-layout .admin-status-pill--ok {
  color: #28c76f;
}

.dark-layout .admin-status-pill--warning {
  color: #ff9f43;
}

.dark-layout .admin-status-pill--danger {
  color: #ea5455;
}

.dark-layout .admin-status-head {
  color: #d0d2d6;
}

.dark-layout .admin-status-foot,
.dark-layout .admin-status-window {
  color: #676d7d;
}

.dark-layout .admin-status-value--danger {
  color: #ea5455;
}

.dark-layout .admin-status-value--warning {
  color: #ff9f43;
}

.dark-layout .admin-status-value--ok {
  color: #28c76f;
}

.dark-layout .admin-version-behind {
  color: #ff9f43;
}

/*=========================================================================================
    File Name: vertical-menu.scss
    Description: A classic vertical modern style menu with expand and collops support. It support
    light & dark version, flipped layout, right side icons, native scroll and borders menu
    item separation.
    ----------------------------------------------------------------------------------------
    Item Name: Vuexy - Vuejs, React, Angular, HTML & Laravel Admin Dashboard Template
    Author: PIXINVENT
    Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/

table.vgt-table {
  font-size: 12px !important;
}

.vertical-layout.vertical-menu-modern .main-menu {
  transition: 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), background 0s;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
}

.vertical-layout.vertical-menu-modern .main-menu .navigation li a {
  align-items: center;
}

.vertical-layout.vertical-menu-modern .main-menu .navigation > li > a svg,
.vertical-layout.vertical-menu-modern .main-menu .navigation > li > a i {
  height: 20px;
  width: 20px;
  font-size: 1.45rem;
  margin-right: 1.1rem;
  flex-shrink: 0;
}

.vertical-layout.vertical-menu-modern .main-menu .navigation .menu-content > li > a svg,
.vertical-layout.vertical-menu-modern .main-menu .navigation .menu-content > li > a i {
  margin-right: 1.45rem;
  font-size: 11px;
  height: 11px;
  width: 11px;
}

.vertical-layout.vertical-menu-modern.menu-expanded .main-menu {
  width: 320px;
}

.vertical-layout.vertical-menu-modern.menu-expanded .main-menu .navigation .navigation-header .feather-more-horizontal {
  display: none;
}

.vertical-layout.vertical-menu-modern.menu-expanded .main-menu .navigation > li > a > i:before,
.vertical-layout.vertical-menu-modern.menu-expanded .main-menu .navigation > li > a > svg:before {
  height: 20px;
  width: 20px;
  font-size: 1.45rem;
}

.vertical-layout.vertical-menu-modern.menu-expanded .main-menu .navigation li.has-sub > a:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236e6b7b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-right'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.1rem;
  height: 1.1rem;
  width: 1.1rem;
  display: inline-block;
  position: absolute;
  right: 20px;
  top: 14px;
  transform: rotate(0deg);
  transition: all 0.2s ease-out;
}

.vertical-layout.vertical-menu-modern.menu-expanded .main-menu .navigation li.has-sub.open:not(.menu-item-closing) > a:after {
  transform: rotate(90deg);
}

.vertical-layout.vertical-menu-modern.menu-expanded .footer {
  margin-left: 320px;
}

.vertical-layout.vertical-menu-modern.menu-collapsed .navbar .navbar-header {
  float: left;
  width: 70px;
}

.vertical-layout.vertical-menu-modern.menu-collapsed .navbar .navbar-header .modern-nav-toggle {
  display: none;
}

.vertical-layout.vertical-menu-modern.menu-collapsed .navbar .navbar-header.expanded {
  width: 320px;
  z-index: 1000;
}

.vertical-layout.vertical-menu-modern.menu-collapsed .navbar .navbar-header.expanded .modern-nav-toggle {
  display: block;
}

.vertical-layout.vertical-menu-modern.menu-collapsed .navbar.fixed-top,
.vertical-layout.vertical-menu-modern.menu-collapsed .navbar.floating-nav {
  left: 70px;
}

.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu {
  width: 70px;
}

.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .navbar-header .brand-text,
.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .modern-nav-toggle {
  display: none;
}

.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu:not(.expanded) .navigation-header {
  margin-left: 2.2rem;
}

.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu:not(.expanded) .navigation-header span {
  display: none;
}

.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu:not(.expanded) .navigation-header .feather-more-horizontal {
  display: block;
  font-size: 1.285rem;
  width: 18px;
  height: 18px;
}

.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu:not(.expanded) .navigation li:last-child {
  margin-bottom: 1.25rem !important;
}

.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu:not(.expanded) .navigation li.active a {
  background: whitesmoke;
  box-shadow: none;
  color: #565656;
}

.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu.expanded {
  width: 320px;
}

.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu.expanded .navigation > li.navigation-header span {
  display: block;
}

.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu.expanded .navigation > li.navigation-header .feather-more-horizontal {
  display: none;
}

.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu.expanded .navigation li.has-sub > a:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236e6b7b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-right'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1rem;
  height: 1rem;
  width: 1rem;
  display: inline-block;
  position: absolute;
  right: 20px;
  top: 14px;
  transform: rotate(0deg);
  transition: all 0.2s ease-out;
}

.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu.expanded .navigation li.has-sub.open:not(.menu-item-closing) > a:after {
  transform: rotate(90deg);
}

.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu.expanded .navbar-header .brand-text {
  display: inline;
}

.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu.expanded .modern-nav-toggle {
  display: block;
}

.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .navigation {
  overflow: visible;
}

.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .navigation > li.navigation-header span {
  display: none;
}

.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .navigation > li > a {
  text-overflow: inherit;
}

.vertical-layout.vertical-menu-modern.menu-collapsed .app-content,
.vertical-layout.vertical-menu-modern.menu-collapsed .footer {
  margin-left: 70px;
}

.vertical-layout.vertical-menu-modern.menu-collapsed .header-navbar.floating-nav {
  width: calc(100vw - (100vw - 100%) - 4.4rem - 74px);
}

.vertical-layout.vertical-menu-modern.menu-collapsed .header-navbar.navbar-static-top {
  width: calc(100vw - (100vw - 100%) - 74px);
  left: 74px;
}

.vertical-layout.vertical-menu-modern .toggle-icon,
.vertical-layout.vertical-menu-modern .collapse-toggle-icon {
  margin-right: 0.425rem;
}

.vertical-layout.vertical-menu-modern .toggle-icon:focus,
.vertical-layout.vertical-menu-modern .collapse-toggle-icon:focus {
  outline: none;
}

@media (min-width: 992px) {
  .vertical-layout.vertical-menu-modern .main-menu {
    width: 320px;
  }
}

@media (max-width: 1199.98px) {
  .vertical-layout.vertical-menu-modern .main-menu {
    width: 0;
  }

  .vertical-layout.vertical-menu-modern .navbar .navbar-header {
    width: 0;
  }

  .vertical-layout.vertical-menu-modern .content,
  .vertical-layout.vertical-menu-modern .footer {
    margin-left: 0;
  }

  .vertical-layout.vertical-menu-modern.menu-collapsed .app-content,
  .vertical-layout.vertical-menu-modern.menu-collapsed .footer {
    margin-left: 0;
  }

  .vertical-layout.vertical-menu-modern.menu-collapsed .main-menu {
    width: 0;
  }
}

@media (max-width: 767.98px) {
  .vertical-layout.vertical-menu-modern .main-menu {
    width: 0;
  }

  .vertical-layout.vertical-menu-modern .navbar .navbar-header {
    width: 0;
  }

  .vertical-layout.vertical-menu-modern .content,
  .vertical-layout.vertical-menu-modern .footer {
    margin-left: 0;
  }
}

@keyframes fadein {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeout {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .vertical-menu-modern.vertical-layout .main-menu .navigation > li > a > span {
    animation: none;
  }
}

@media (min-width: 2000px) {
  .vertical-layout--max-2k.vertical-menu-modern .main-menu.menu-fixed {
    left: calc((100vw - 2000px) / 2);
  }

  .vertical-layout--max-2k.vertical-menu-modern.menu-expanded .app-content,
  .vertical-layout--max-2k.vertical-menu-modern.menu-expanded .footer {
    margin-left: calc((100vw - 2000px) / 2 + 320px);
    max-width: calc(2000px - 320px);
  }

  .vertical-layout--max-2k.vertical-menu-modern.menu-expanded .header-navbar.floating-nav {
    width: calc(2000px - 320px - 24px);
    left: calc((100vw - 2000px) / 2 + 320px + 12px);
    right: auto;
    margin-left: 12px;
    margin-right: 12px;
  }

  .vertical-layout--max-2k.vertical-menu-modern.menu-collapsed .app-content,
  .vertical-layout--max-2k.vertical-menu-modern.menu-collapsed .footer {
    margin-left: calc((100vw - 2000px) / 2 + 70px);
    max-width: calc(2000px - 70px);
  }

  .vertical-layout--max-2k.vertical-menu-modern.menu-collapsed .header-navbar.floating-nav {
    width: calc(2000px - 70px - 24px);
    left: calc((100vw - 2000px) / 2 + 70px + 12px);
    right: auto;
    margin-left: 12px;
    margin-right: 12px;
  }
}

/*=========================================================================================
    File Name: vertical-overlay-menu.scss
    Description: A overlay style vertical menu with show and hide support. It support
    light & dark version, filpped layout, right side icons, native scroll and borders menu
    item seperation.
    ----------------------------------------------------------------------------------------
    Item Name: Vuexy - Vuejs, React, Angular, HTML & Laravel Admin Dashboard Template
    Author: PIXINVENT
    Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/

table.vgt-table {
  font-size: 12px !important;
}

.vertical-overlay-menu .content {
  margin-left: 0;
}

.vertical-overlay-menu .navbar .navbar-header {
  float: left;
  width: 320px;
}

.vertical-overlay-menu .main-menu,
.vertical-overlay-menu.menu-hide .main-menu {
  opacity: 0;
  transform: translate3d(0, 0, 0);
  transition: width 0.25s, opacity 0.25s, transform 0.25s;
  width: 320px;
  left: -320px;
}

.vertical-overlay-menu .main-menu .navigation > li > a > svg,
.vertical-overlay-menu .main-menu .navigation > li > a > i {
  margin-right: 14px;
  float: left;
  transition: 200ms ease all;
  height: 20px;
  width: 20px;
}

.vertical-overlay-menu .main-menu .navigation > li > a > svg:before,
.vertical-overlay-menu .main-menu .navigation > li > a > i:before {
  transition: 200ms ease all;
  font-size: 1.429rem;
}

.vertical-overlay-menu .main-menu .navigation li.has-sub > a:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236e6b7b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-right'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1rem;
  height: 1rem;
  width: 1rem;
  display: inline-block;
  position: absolute;
  right: 20px;
  top: 14px;
  transform: rotate(0deg);
  transition: all 0.2s ease-out;
}

.vertical-overlay-menu .main-menu .navigation li.has-sub.open:not(.menu-item-closing) > a:after {
  transform: rotate(90deg);
}

.vertical-overlay-menu .main-menu .navigation .navigation-header .feather-more-horizontal {
  display: none;
}

.vertical-overlay-menu.menu-open .main-menu {
  opacity: 1;
  transform: translate3d(320px, 0, 0);
  transition: width 0.25s, opacity 0.25s, transform 0.25s;
}

.vertical-nav-menu-with-footer {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}

.vertical-nav-menu-with-footer .sidebar-footer {
  position: relative;
  z-index: 5;
  flex-shrink: 0;
}

.vertical-nav-menu-with-footer .main-menu-scroll-shell {
  position: relative;
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

.vertical-nav-menu-with-footer .main-menu-content {
  height: auto !important;
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.vertical-nav-menu-with-footer .main-menu-content .navigation.navigation-main {
  padding-bottom: 0.5rem;
  margin-bottom: 0;
}

.vertical-nav-menu-with-footer .main-menu-content .navigation {
  padding-bottom: 0;
}

.vertical-nav-menu-with-footer .menu-scroll-fade {
  position: absolute;
  left: 0;
  right: 0;
  height: 2.5rem;
  pointer-events: none;
  z-index: 2;
  opacity: 0;
  transition: opacity 0.15s ease;
}

.vertical-nav-menu-with-footer .menu-scroll-fade--visible {
  opacity: 1;
}

.vertical-nav-menu-with-footer .menu-scroll-fade--top {
  top: 0;
  background: linear-gradient(180deg, #fff 30%, rgba(255, 255, 255, 0.65) 65%, rgba(255, 255, 255, 0) 100%);
}

.vertical-nav-menu-with-footer .menu-scroll-fade--bottom {
  bottom: 0;
  background: linear-gradient(0deg, #fff 30%, rgba(255, 255, 255, 0.65) 65%, rgba(255, 255, 255, 0) 100%);
}

.vertical-nav-menu-with-footer.menu-dark .sidebar-footer {
  background: #283046;
  border-top-color: #3b4253;
}

.vertical-nav-menu-with-footer.menu-dark .menu-scroll-fade--top {
  background: linear-gradient(180deg, #283046 30%, rgba(40, 48, 70, 0.65) 65%, rgba(40, 48, 70, 0) 100%);
}

.vertical-nav-menu-with-footer.menu-dark .menu-scroll-fade--bottom {
  background: linear-gradient(0deg, #283046 30%, rgba(40, 48, 70, 0.65) 65%, rgba(40, 48, 70, 0) 100%);
}

.vertical-nav-menu-victus {
  overflow: visible;
}

.vertical-nav-menu-victus .nav-group-dropdown-title {
  display: none;
}

.vertical-nav-menu-victus .navigation > li > a:hover .menu-title,
.vertical-nav-menu-victus .navigation > li.active > a .menu-title,
.vertical-nav-menu-victus .navigation > li.sidebar-group-active > a .menu-title,
.vertical-nav-menu-victus .navigation > li.open > a .menu-title,
.vertical-nav-menu-victus .navigation > li > a:hover > span:not(.menu-title):not(.nav-badge),
.vertical-nav-menu-victus .navigation > li.active > a > span:not(.menu-title):not(.nav-badge),
.vertical-nav-menu-victus .navigation > li.sidebar-group-active > a > span:not(.menu-title):not(.nav-badge),
.vertical-nav-menu-victus .navigation > li.open > a > span:not(.menu-title):not(.nav-badge),
.vertical-nav-menu-victus .navigation li ul li.active > a > span:not(.menu-title):not(.nav-badge) {
  color: var(--primary) !important;
}

.vertical-nav-menu-victus .navigation li ul li.active {
  background: rgba(59, 130, 246, 0.12);
  border-radius: 6px;
}

.vertical-nav-menu-victus .navigation li ul li.active > a,
.vertical-nav-menu-victus .navigation li ul li.active > a .menu-title,
.vertical-nav-menu-victus .navigation li ul li:hover > a .menu-title {
  color: var(--primary) !important;
}

.vertical-nav-menu-victus .navigation > li > ul.menu-content li.active {
  background: rgba(59, 130, 246, 0.12);
  border-radius: 6px;
}

.vertical-nav-menu-victus .navigation > li > ul.menu-content li.active > a {
  background: transparent !important;
  box-shadow: none !important;
}

.vertical-nav-menu-victus .vertical-nav-collapse-toggle {
  position: absolute;
  top: 50%;
  right: -14px;
  z-index: 20;
  width: 22px;
  height: 50px;
  border: 1px solid #e7e7e9;
  border-left: 0;
  border-radius: 0 10px 10px 0;
  background: #fff;
  color: #6e6b7b;
  transform: translateY(-50%);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: color 0.2s ease, box-shadow 0.2s ease;
}

.vertical-nav-menu-victus .vertical-nav-collapse-toggle:hover {
  color: var(--primary);
  box-shadow: 0 2px 8px rgba(34, 41, 47, 0.12);
}

.dark-layout .vertical-nav-menu-victus .vertical-nav-collapse-toggle {
  border-color: #3b4253;
  background: #283046;
  color: #d0d2d6;
}

.vertical-layout.vertical-menu-modern.menu-collapsed .vertical-nav-menu-victus:not(.expanded) .navbar-header {
  width: 70px !important;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  justify-content: center;
}

.vertical-layout.vertical-menu-modern.menu-collapsed .vertical-nav-menu-victus:not(.expanded) .navbar-header .dropdown-language {
  width: 100%;
  display: flex;
  justify-content: center;
}

.vertical-layout.vertical-menu-modern.menu-collapsed .vertical-nav-menu-victus:not(.expanded) .main-menu-scroll-shell {
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
}

.vertical-layout.vertical-menu-modern.menu-collapsed .vertical-nav-menu-victus:not(.expanded) .main-menu-content {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.vertical-layout.vertical-menu-modern.menu-collapsed .vertical-nav-menu-victus:not(.expanded) .navigation.navigation-main {
  overflow: visible;
}

.vertical-layout.vertical-menu-modern.menu-collapsed .vertical-nav-menu-victus:not(.expanded) .navigation > li {
  position: relative;
  min-height: 46px;
}

.vertical-layout.vertical-menu-modern.menu-collapsed .vertical-nav-menu-victus:not(.expanded) .navigation > li > a {
  position: relative;
  display: flex;
  align-items: center !important;
  justify-content: center;
  min-height: 46px;
  height: 46px;
  padding-left: 0.9rem;
  padding-right: 0.9rem;
  overflow: visible;
}

.vertical-layout.vertical-menu-modern.menu-collapsed .vertical-nav-menu-victus:not(.expanded) .navigation > li.has-sub > a::after {
  display: none !important;
}

.vertical-layout.vertical-menu-modern.menu-collapsed .vertical-nav-menu-victus:not(.expanded) .navigation > li > a > span:not(.menu-title):not(.nav-badge) {
  width: 16px;
  min-width: 16px;
  margin-right: 0 !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 1;
}

.vertical-layout.vertical-menu-modern.menu-collapsed .vertical-nav-menu-victus:not(.expanded) .navigation > li > a .menu-title {
  display: none;
}

.vertical-layout.vertical-menu-modern.menu-collapsed .vertical-nav-menu-victus:not(.expanded) .navigation > li > ul.menu-content {
  display: none !important;
  position: fixed;
  top: var(--collapsed-flyout-top, 0);
  left: 70px;
  min-width: 260px;
  z-index: 1050;
  border-radius: 0.72rem;
  background: #fff;
  box-shadow: 0 4px 16px rgba(34, 41, 47, 0.15);
  padding: 0.5rem 0;
  max-height: calc(100vh - 1rem);
  overflow-y: auto;
}

.vertical-layout.vertical-menu-modern.menu-collapsed .vertical-nav-menu-victus:not(.expanded) .navigation > li > ul.menu-content::before {
  content: "";
  position: absolute;
  top: 0;
  left: -8px;
  width: 8px;
  height: 100%;
}

.vertical-layout.vertical-menu-modern.menu-collapsed .vertical-nav-menu-victus:not(.expanded) .navigation > li > ul.menu-content .menu-title-child {
  border-left: 0 !important;
}

.vertical-layout.vertical-menu-modern.menu-collapsed .vertical-nav-menu-victus:not(.expanded) .navigation > li > ul.menu-content > .nav-group-dropdown-title {
  display: block;
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #8a8d93;
  padding: 0.4rem 1rem 0.35rem;
  margin-bottom: 0.2rem;
  pointer-events: none;
}

.vertical-layout.vertical-menu-modern.menu-collapsed .vertical-nav-menu-victus:not(.expanded) .navigation > li.has-sub:hover > ul.menu-content {
  display: block !important;
}

.vertical-layout.vertical-menu-modern.menu-collapsed .vertical-nav-menu-victus:not(.expanded) .navigation > li:not(.has-sub):hover > a[data-menu-title]::after {
  content: attr(data-menu-title);
  position: fixed;
  top: var(--collapsed-tooltip-top, 50%);
  left: 70px;
  transform: translateY(-50%);
  white-space: nowrap;
  background: #fff;
  color: #6e6b7b;
  border-radius: 0.45rem;
  box-shadow: 0 4px 16px rgba(34, 41, 47, 0.15);
  padding: 0.5rem 0.75rem;
  font-size: 0.92rem;
  line-height: 1.2;
  z-index: 1051;
}

@media (max-width: 1199.98px) {
  .vertical-nav-menu-victus .vertical-nav-collapse-toggle {
    display: none;
  }
}

.dark-layout .vertical-layout.vertical-menu-modern.menu-collapsed .vertical-nav-menu-victus:not(.expanded) .navigation > li > ul.menu-content {
  background: #283046;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35);
}

.dark-layout .vertical-layout.vertical-menu-modern.menu-collapsed .vertical-nav-menu-victus:not(.expanded) .navigation > li:not(.has-sub):hover > a[data-menu-title]::after {
  background: #283046;
  color: #d0d2d6;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35);
}

.dark-layout .vertical-layout.vertical-menu-modern.menu-collapsed .vertical-nav-menu-victus:not(.expanded) .navigation > li > ul.menu-content > .nav-group-dropdown-title {
  color: #a9adbb;
}

.sidebar-favorite-item {
  position: relative;
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}

.sidebar-favorite-item a:hover > * {
  transition: none !important;
  transform: none !important;
}

.sidebar-favorite-item:hover .sidebar-fav-actions {
  opacity: 1;
}

.sidebar-fav-actions {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  opacity: 0;
  padding-right: 14px;
  padding-left: 20px;
  background: linear-gradient(to right, transparent, #ffffff 15%);
}

.dark-layout .sidebar-fav-actions {
  background: linear-gradient(to right, transparent, #283046 15%);
}

.sidebar-fav-drag {
  color: #b4b7bd;
  cursor: grab;
}

.sidebar-fav-drag:hover {
  color: #5e5873;
  text-decoration: none;
}

.sidebar-fav-drag:active {
  cursor: grabbing;
}

.sidebar-fav-btn {
  color: #b4b7bd;
  padding: 0 2px;
  font-size: 10px;
  line-height: 1;
}

.sidebar-fav-btn:hover {
  color: #5e5873;
  text-decoration: none;
}

.sidebar-fav-btn-danger:hover {
  color: #ea5455;
}

.dark-layout .sidebar-fav-drag {
  color: #676d7d;
}

.dark-layout .sidebar-fav-drag:hover {
  color: #d0d2d6;
}

.dark-layout .sidebar-fav-btn {
  color: #676d7d;
}

.dark-layout .sidebar-fav-btn:hover {
  color: #d0d2d6;
}

.dark-layout .sidebar-fav-btn-danger:hover {
  color: #ea5455;
}

.navbar-search-root {
  display: flex;
  align-items: center;
  flex-grow: 1;
}

.navbar-search-modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1100;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 0.75rem 0.75rem 1rem;
}

.navbar-search-modal-backdrop {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(15, 23, 42, 0.5);
}

.search-data-box {
  display: flex;
  flex-direction: column;
  background: #ffffff;
  min-height: 200px;
}

.search-results-region {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  margin-top: 0.5rem;
}

.search-results-footer {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  padding: 0.5rem 0.75rem 0;
  border-top: 1px solid #ebe9f1;
  margin-top: 0.5rem;
}

.navbar-search-modal-dialog {
  position: relative;
  width: 100%;
  max-width: none;
  max-height: calc(100vh - 0.75rem - 1.75rem);
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border-radius: 0.72rem;
  box-shadow: 0 5px 25px 0 rgba(34, 41, 47, 0.1);
  border: 1px solid #ebe9f1;
  overflow: hidden;
  top: 0.75rem;
  transform-origin: top center;
}

.navbar-search-modal-dialog .search-data-box {
  position: static;
  box-shadow: none;
  min-height: auto;
  padding: 0.5rem 0.5rem 0.75rem;
  border: none;
  width: 100%;
  flex: 1 1 auto;
  min-height: 0;
}

.navbar-search-modal-dialog .search-popup-results {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
}

@media (min-width: 992px) {
  .navbar-search-modal {
    align-items: flex-start;
    padding: 1.5rem;
  }

  .navbar-search-modal-dialog {
    max-width: 680px;
    max-height: calc(100vh - 96px - 3rem);
    top: 96px;
  }
}

.navbar-search-modal-backdrop {
  opacity: 0;
  transition: opacity 0.2s ease;
}

.navbar-search-modal-dialog {
  opacity: 0;
  transform: translateY(-6px) scale(0.98);
  transition: opacity 160ms ease, transform 160ms cubic-bezier(0.16, 1, 0.3, 1);
}

.navbar-search-modal.is-entered .navbar-search-modal-backdrop {
  opacity: 1;
}

.navbar-search-modal.is-entered .navbar-search-modal-dialog {
  opacity: 1;
  transform: none;
}

.navbar-search-root .custom-table-search,
.navbar-search-root .d-lg-none {
  transition: opacity 0.2s ease;
}

.navbar-search-trigger--hidden {
  opacity: 0;
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
  .navbar-search-modal-dialog {
    transform: none;
    transition: opacity 120ms ease;
  }

  .navbar-search-modal.is-entered .navbar-search-modal-dialog {
    transform: none;
  }

  .navbar-search-root .custom-table-search,
  .navbar-search-root .d-lg-none {
    transition: none;
  }
}

.custom-table-search-popup {
  max-width: none;
  width: 100%;
  padding: 0;
  position: relative;
}

.custom-table-search-popup .search-input {
  padding-left: 36px;
}

.search-icon-popup {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  font-size: 0.9rem;
  color: #716e87;
  pointer-events: none;
}

.search-item {
  position: relative;
  padding: 0;
}

.header-search-items {
  border-radius: 0.375rem;
  transition: background-color 0.15s ease-in-out;
}

.header-search-items:hover {
  background-color: #f6f6f9;
}

.header-search-items.is-highlighted {
  background-color: rgba(41, 128, 185, 0.08);
  box-shadow: inset 2px 0 0 #2980b9;
}

.search-result-row {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  width: 100%;
  padding: 0.5rem 0.75rem;
  color: inherit;
  text-decoration: none;
}

.search-result-row:hover,
.search-result-row:focus {
  color: inherit;
  text-decoration: none;
}

.search-result-icon {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  margin-top: 1px;
  border-radius: 50%;
  background-color: #f3f2f7;
  color: #716e87;
  font-size: 0.8rem;
}

.search-result-body {
  display: flex;
  flex-direction: column;
  min-width: 0;
  flex: 1 1 auto;
}

.search-result-title {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 0.25rem;
  line-height: 1.25;
}

.search-result-name {
  color: #5e5873;
  font-weight: 500;
  overflow-wrap: anywhere;
}

.search-result-badge {
  flex: 0 0 auto;
  padding: 1px 6px;
  border-radius: 0.25rem;
  font-size: 0.7rem;
  font-weight: 600;
  line-height: 1.4;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

.search-result-badge--primary {
  background-color: rgba(41, 128, 185, 0.12);
  color: #246fa1;
}

.search-result-badge--info {
  background-color: rgba(0, 207, 232, 0.16);
  color: #007a89;
}

.search-result-badge--secondary {
  background-color: rgba(130, 134, 139, 0.16);
  color: #686b6f;
}

.search-result-badge--success {
  background-color: rgba(40, 199, 111, 0.16);
  color: #197d46;
}

.search-result-badge--warning {
  background-color: rgba(255, 159, 67, 0.18);
  color: #9c6129;
}

.search-result-meta {
  margin-top: 1px;
  color: #716e87;
  font-size: 0.857rem;
  line-height: 1.25;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}

.search-result-meta-sep {
  margin: 0 0.25rem;
  color: #c3c0cd;
}

.search-result-meta-empty {
  font-style: italic;
}

.search-result-actions {
  position: absolute;
  top: 50%;
  right: 0.5rem;
  transform: translateY(-50%);
  display: none;
  align-items: center;
  gap: 0.25rem;
}

.header-search-items:hover .search-result-actions,
.header-search-items.is-highlighted .search-result-actions {
  display: flex;
}

.search-result-action {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 2px 0.5rem;
  border: 1px solid #ebe9f1;
  border-radius: 0.25rem;
  background-color: #ffffff;
  color: #716e87;
  font-size: 0.75rem;
  line-height: 1.5;
  text-decoration: none;
  transition: color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

.search-result-action:hover,
.search-result-action:focus {
  color: #2980b9;
  border-color: #2980b9;
  text-decoration: none;
}

.search-result-action-label {
  white-space: nowrap;
}

.search-results-heading {
  padding: 2px 0.75rem 6px;
  font-size: 0.7rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #6b6779;
}

.search-skeleton {
  padding: 0.5rem 0.75rem;
}

.search-skeleton-row {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.5rem 0;
}

.search-skeleton-icon {
  flex: 0 0 auto;
  width: 2rem;
  height: 2rem;
}

.search-skeleton-body {
  flex: 1 1 auto;
  min-width: 0;
}

.search-skeleton-title {
  height: 0.9rem;
  width: 55%;
  margin-bottom: 6px;
}

.search-skeleton-meta {
  height: 0.7rem;
  width: 32%;
}

.navbar-search-root .custom-table-search button.search-input {
  padding-right: 0.75rem !important;
}

.navbar-search-trigger-text {
  color: #716e87;
}

.dark-layout .navbar-search-trigger-text {
  color: #676d7d;
}

.clear-icon {
  line-height: 20px;
  color: #716e87;
  padding: 0 2px;
}

.clear-icon:hover {
  color: #2980b9;
}

.filter-mode-btn {
  color: #716e87;
  padding: 0 0.25rem;
  line-height: 20px;
}

.filter-mode-btn:hover {
  color: #2980b9;
}

.search-shortcut-caps {
  color: #716e87;
  line-height: 1;
}

.search-shortcut-caps:hover {
  color: #2980b9;
}

.search-shortcut-caps:hover .key-cap-inline {
  border-color: #2980b9;
  color: #2980b9;
}

.key-cap {
  display: inline-block;
  padding: 6px;
  margin: 0 1px;
  font-size: 0.7rem;
  line-height: 1.2;
  border: 1px solid #716e87;
  border-radius: 0.25rem;
  background: #f3f2f7;
}

.key-cap-inline {
  display: inline-block;
  padding: 0.25rem 0.5rem;
  margin: 0 1px;
  font-size: 0.65rem;
  line-height: 1.2;
  border: 1px solid #716e87;
  border-radius: 0.25rem;
  background: #f3f2f7;
  color: inherit;
}

.dark-layout .navbar-search-modal-dialog {
  background: #283046;
  border-color: #3b4253;
}

.dark-layout .search-data-box {
  background: #283046;
}

.dark-layout .search-icon-popup,
.dark-layout .clear-icon,
.dark-layout .filter-mode-btn,
.dark-layout .search-shortcut-caps {
  color: #676d7d;
}

.dark-layout .header-search-items:hover {
  background-color: #242b3d;
}

.dark-layout .header-search-items.is-highlighted {
  background-color: rgba(41, 128, 185, 0.22);
}

.dark-layout .search-result-icon {
  background-color: #242b3d;
  color: #676d7d;
}

.dark-layout .search-result-name {
  color: #d0d2d6;
}

.dark-layout .search-result-meta {
  color: #676d7d;
}

.dark-layout .search-result-meta-sep {
  color: #3b4253;
}

.dark-layout .search-result-badge--primary {
  background-color: rgba(41, 128, 185, 0.25);
  color: #7fbbe3;
}

.dark-layout .search-result-badge--info {
  background-color: rgba(0, 207, 232, 0.2);
  color: #1ce7ff;
}

.dark-layout .search-result-badge--secondary {
  background-color: rgba(130, 134, 139, 0.25);
  color: #b4b7bd;
}

.dark-layout .search-result-badge--success {
  background-color: rgba(40, 199, 111, 0.22);
  color: #50dc8f;
}

.dark-layout .search-result-badge--warning {
  background-color: rgba(255, 159, 67, 0.24);
  color: #ffbe80;
}

.dark-layout .search-result-action {
  background-color: #283046;
  border-color: #3b4253;
  color: #b4b7bd;
}

.dark-layout .search-result-action:hover,
.dark-layout .search-result-action:focus {
  color: #6ab0de;
  border-color: #6ab0de;
}

.dark-layout .search-results-heading {
  color: #9aa0b0;
}

.dark-layout .search-results-footer {
  border-top-color: #3b4253;
}

.dark-layout .key-cap,
.dark-layout .key-cap-inline {
  border-color: #3b4253;
  background: #242b3d;
}

.dropdown-notification .dropdown-menu-media {
  width: 460px;
  max-width: calc(100vw - 1.5rem);
  padding: 0;
  border: none;
  border-radius: 0.6rem;
  box-shadow: 0 5px 25px 0 rgba(34, 41, 47, 0.1);
  overflow: hidden;
  position: fixed !important;
  top: var(--notif-top, 4.75rem) !important;
  right: var(--notif-right, 1rem) !important;
  left: auto !important;
  bottom: auto !important;
  transform: none !important;
}

.dropdown-notification .scroll-area {
  max-height: 60vh;
  position: relative;
}

.dropdown-notification .dropdown-menu-header {
  border-bottom: 1px solid #ebe9f1;
}

.dropdown-notification .dropdown-menu-header .dropdown-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.25rem;
}

.notification-title {
  color: #5e5873;
  font-size: 1.07rem;
  font-weight: 600;
}

.notification-count-badge {
  font-size: 0.75rem;
  font-weight: 600;
  padding: 0.2rem 0.5rem;
}

.notification-markall {
  border: none;
  background: none;
  padding: 0.25rem 0.5rem;
  font-size: 0.857rem;
  font-weight: 500;
  color: #246fa1;
  border-radius: 0.25rem;
  cursor: pointer;
  transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
}

.notification-markall:hover,
.notification-markall:focus-visible {
  background-color: rgba(41, 128, 185, 0.08);
  text-decoration: none;
}

.notification-badge {
  position: absolute;
  top: -5px;
  right: -10px;
  min-width: 15px;
  height: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 8px;
  line-height: 1;
  border-radius: 7.5px;
  padding: 0 3px;
}

.notification-row {
  position: relative;
  list-style: none;
}

.notification-row + .notification-row {
  border-top: 1px solid #eeedf3;
}

.notification-main {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.85rem 2.9rem 0.85rem 1.25rem;
  cursor: pointer;
  transition: background-color 0.15s ease-in-out;
  outline: none;
}

.notification-main:hover {
  background-color: #f6f6f9;
}

.notification-main:focus-visible {
  box-shadow: inset 0 0 0 2px #2980b9;
}

.notification-main.is-linkable:hover .notification-heading {
  color: #2980b9;
}

.notification-avatar {
  flex: none;
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 0.95rem;
  background-color: rgba(41, 128, 185, 0.12);
  color: #246fa1;
}

.notification-avatar.tone-success {
  background-color: rgba(40, 199, 111, 0.12);
  color: #197d46;
}

.notification-avatar.tone-warning {
  background-color: rgba(255, 159, 67, 0.12);
  color: #9c6129;
}

.notification-avatar.tone-danger {
  background-color: rgba(234, 84, 85, 0.12);
  color: #b94243;
}

.notification-avatar.tone-info {
  background-color: rgba(0, 207, 232, 0.12);
  color: #007a89;
}

.notification-avatar.tone-secondary {
  background-color: rgba(130, 134, 139, 0.12);
  color: #686b6f;
}

.notification-body {
  flex: 1 1 auto;
  min-width: 0;
}

.notification-topline {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
  min-width: 0;
}

.notification-heading {
  flex: 0 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 600;
  color: #5e5873;
  transition: color 0.15s ease-in-out;
}

.notification-tag {
  flex: none;
  font-size: 0.7rem;
  font-weight: 500;
  line-height: 1.4;
  padding: 0.1rem 0.4rem;
  border-radius: 0.25rem;
  background-color: rgba(130, 134, 139, 0.12);
  color: #686b6f;
}

.notification-time {
  flex: none;
  margin-left: auto;
  font-size: 0.75rem;
  color: #716e87;
  white-space: nowrap;
}

.notification-text {
  display: block;
  color: #6e6b7b;
  line-height: 1.4;
  font-weight: 400;
}

.notification-row .notification-text {
  margin-top: 0.2rem;
  color: #6e6b7b;
  font-size: 0.857rem;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.notification-markread {
  position: absolute;
  top: 50%;
  right: 0.65rem;
  transform: translateY(-50%);
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  background: none;
  border-radius: 50%;
  cursor: pointer;
  color: #2980b9;
  transition: background-color 0.15s ease-in-out;
}

.notification-markread:hover,
.notification-markread:focus-visible {
  background-color: rgba(41, 128, 185, 0.12);
}

.notification-markread .unread-dot {
  display: inline-block;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background-color: #2980b9;
}

.notification-markread .mark-check {
  display: none;
  font-size: 0.8rem;
}

.notification-markread:hover .unread-dot,
.notification-markread:focus-visible .unread-dot {
  display: none;
}

.notification-markread:hover .mark-check,
.notification-markread:focus-visible .mark-check {
  display: inline-block;
}

.notification-empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2.5rem 1.25rem;
  text-align: center;
  list-style: none;
}

.notification-empty-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: rgba(130, 134, 139, 0.1);
  font-size: 1.25rem;
  color: #716e87;
  margin-bottom: 0.75rem;
}

.notification-empty-text {
  color: #716e87;
  font-size: 0.95rem;
}

.notification-error-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2rem 1.25rem;
  text-align: center;
  list-style: none;
}

.notification-error-icon {
  font-size: 1.75rem;
  color: #ea5455;
  margin-bottom: 0.5rem;
}

.notification-error-text {
  color: #6e6b7b;
  font-size: 0.95rem;
  margin-bottom: 0.75rem;
}

.notification-retry {
  border: 1px solid #2980b9;
  background: none;
  color: #246fa1;
  font-size: 0.857rem;
  font-weight: 500;
  padding: 0.25rem 1rem;
  border-radius: 0.375rem;
  cursor: pointer;
  transition: background-color 0.15s ease-in-out;
}

.notification-retry:hover,
.notification-retry:focus-visible {
  background-color: rgba(41, 128, 185, 0.08);
}

.notification-skeleton {
  list-style: none;
}

.notification-skeleton-row {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.85rem 1.25rem;
}

.notification-skeleton-row + .notification-skeleton-row {
  border-top: 1px solid #eeedf3;
}

.notification-skeleton-avatar {
  flex: none;
  width: 38px;
  height: 38px;
}

.notification-skeleton-lines {
  flex: 1 1 auto;
  min-width: 0;
}

.notification-skeleton-line {
  height: 10px;
}

.notification-skeleton-line.is-title {
  width: 45%;
  margin-bottom: 0.5rem;
}

.notification-skeleton-line.is-text {
  width: 75%;
}

.header-navbar .navbar-container ul.navbar-nav li.dropdown-notification .dropdown-menu-footer {
  padding: 0.5rem;
  border-top: 1px solid #ebe9f1;
}

.notification-footer-link {
  display: block;
  padding: 0.5rem 1rem;
  text-align: center;
  font-size: 0.857rem;
  font-weight: 500;
  color: #246fa1;
  border-radius: 0.375rem;
  transition: background-color 0.15s ease-in-out;
}

.notification-footer-link:hover,
.notification-footer-link:focus-visible {
  background-color: rgba(41, 128, 185, 0.08);
  color: #246fa1;
  text-decoration: none;
}

.notification-slide-leave-active {
  transition: all 0.3s ease;
}

.notification-slide-leave-to {
  opacity: 0;
  transform: translateX(30px);
}

.notification-slide-move {
  transition: transform 0.3s ease;
}

@media (prefers-reduced-motion: reduce) {
  .notification-slide-leave-active,
  .notification-slide-move {
    transition: none !important;
    animation: none !important;
  }
}

.dark-layout .dropdown-notification .dropdown-menu-media {
  background-color: #283046;
}

.dark-layout .dropdown-notification .dropdown-menu-header {
  border-bottom-color: #3b4253;
}

.dark-layout .notification-title,
.dark-layout .notification-heading {
  color: #d0d2d6;
}

.dark-layout .notification-text {
  color: #b4b7bd;
}

.dark-layout .notification-row + .notification-row,
.dark-layout .notification-skeleton-row + .notification-skeleton-row {
  border-top-color: #3b4253;
}

.dark-layout .notification-avatar {
  background-color: rgba(41, 128, 185, 0.18);
  color: #62acdc;
}

.dark-layout .notification-avatar.tone-success {
  background-color: rgba(40, 199, 111, 0.18);
  color: #28c76f;
}

.dark-layout .notification-avatar.tone-warning {
  background-color: rgba(255, 159, 67, 0.18);
  color: #ff9f43;
}

.dark-layout .notification-avatar.tone-danger {
  background-color: rgba(234, 84, 85, 0.18);
  color: #ea5455;
}

.dark-layout .notification-avatar.tone-info {
  background-color: rgba(0, 207, 232, 0.18);
  color: #00cfe8;
}

.dark-layout .notification-avatar.tone-secondary {
  background-color: rgba(130, 134, 139, 0.18);
  color: #b4b7bd;
}

.dark-layout .notification-tag {
  background-color: rgba(130, 134, 139, 0.25);
  color: #b4b7bd;
}

.dark-layout .notification-empty-icon {
  background-color: rgba(130, 134, 139, 0.18);
  color: #b4b7bd;
}

.dark-layout .notification-empty-text,
.dark-layout .notification-time {
  color: #b4b7bd;
}

.dark-layout .notification-main:hover {
  background-color: #242b3d;
}

.dark-layout .dropdown-notification .dropdown-menu-footer {
  border-top-color: #3b4253;
}

.dark-layout .notification-footer-link,
.dark-layout .notification-markall {
  color: #62acdc;
}

.dark-layout .notification-footer-link:hover,
.dark-layout .notification-markall:hover,
.dark-layout .notification-markread:hover,
.dark-layout .notification-markread:focus-visible {
  background-color: rgba(41, 128, 185, 0.15);
}

#loading-bg {
  position: fixed;
  inset: 0;
  z-index: 2000;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
}

.loading-logo {
  display: flex;
  align-items: center;
  justify-content: center;
}

.loading-logo .splash-mark {
  width: 220px;
  height: 53px;
  background: url("/logo.svg") center/contain no-repeat;
}

@media (max-width: 420px) {
  .loading-logo .splash-mark {
    width: 160px;
    height: 39px;
  }
}

.dark-layout #loading-bg {
  background: #161d31;
}

.dark-layout .loading-logo .splash-mark {
  background-image: url("/logo-inverse.svg");
}

ul.vs__dropdown-menu {
  z-index: 1060;
}

.v-select > ul.vs__dropdown-menu {
  top: calc(100% + 0.25rem);
  border-top-style: solid;
  border-radius: 0.5rem;
  clip-path: inset(0 round 0.5rem);
}

.v-select.vs--open .vs__dropdown-toggle {
  border-color: #2980b9;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  box-shadow: 0 3px 10px 0 rgba(34, 41, 47, 0.1);
}

.dark-layout .v-select.vs--open .vs__dropdown-toggle {
  border-color: #2980b9;
}

ul.vs__dropdown-menu--flipped {
  box-shadow: 0 -3px 6px 0 rgba(0, 0, 0, 0.15);
}

.vs-wrap-options.vs__dropdown-menu .vs__dropdown-option {
  white-space: normal;
}

.partner-select__option {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.75rem;
}

.partner-select__id {
  font-family: "DM Mono", "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 0.82rem;
  color: #6e6b7b;
  white-space: nowrap;
}

.vs__selected .partner-select__id {
  margin-left: 0.5rem;
}

.dark-layout .partner-select__id {
  color: #b4b7bd;
}

.text-nowrap .vs__selected {
  text-wrap: nowrap;
}

.vs-numeric-right .vs__selected-options {
  justify-content: flex-end;
  flex-wrap: nowrap;
}

.vs-numeric-right .vs__selected {
  margin-right: 0;
}

.vs-numeric-right:not(.vs--open) .vs__search {
  flex-grow: 0;
  width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

.v-select .vs__clear {
  margin: 0;
  padding: 0;
  width: 26px;
  height: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
}

.v-select .vs__clear:hover {
  background-color: rgba(110, 107, 123, 0.12);
}

.vs__deselect .fa-times,
.vs__clear .fa-times {
  padding-top: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.vs__deselect .fa-times {
  height: 100%;
}

.vs__dropdown-option--selected .text-muted {
  color: rgba(255, 255, 255, 0.8) !important;
}

.vs__dropdown-option--selected .badge {
  background-color: rgba(255, 255, 255, 0.9) !important;
}

.vs-selected-with-badge.v-select.vs--single .vs__selected-options {
  flex-wrap: nowrap;
}

.vs-selected-with-badge.v-select.vs--single .vs__selected {
  display: flex;
  align-items: center;
  min-width: 0;
  flex: 1 1 0;
}

.vs-selected-with-badge.v-select.vs--single.vs--open .vs__selected,
.vs-selected-with-badge.v-select.vs--single.vs--searching .vs__selected {
  display: none !important;
}

.vs-selected-with-badge.v-select.vs--single.vs--open .vs__search {
  flex: 1 1 auto;
  min-width: 4px;
  width: auto;
}

.vs-selected-with-badge.v-select.vs--single:not(.vs--open) .vs__search {
  flex-grow: 0;
  flex-basis: 0;
  width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

.select-inactive-note {
  color: #716e87;
  font-size: 0.85em;
}

.dark-layout .select-inactive-note {
  color: #9aa0b0;
}

.v-select .vs__dropdown-toggle {
  padding-top: 0;
}

.v-select.vs--single .vs__selected-options {
  flex-wrap: nowrap;
}

.v-select.vs--single .vs__dropdown-toggle .vs__selected {
  padding: 0;
  margin-left: 0 !important;
  left: 0;
  transform: none;
  text-align: left;
  justify-content: flex-start;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
}

.v-select.vs--single.vs--open .vs__selected {
  left: 0;
  transform: none;
}

table.vgt-table {
  font-size: 12px !important;
}

.vgt-wrap .vgt-table th.sortable:before {
  border-top-color: #ebe9f1;
}

.vgt-wrap .vgt-table th.sortable:after {
  border-bottom-color: #ebe9f1;
}

.vgt-wrap .vgt-table thead th.sorting-desc::before {
  border-top-color: #2980b9;
}

.vgt-wrap .vgt-table thead th.sorting-asc::after {
  border-bottom-color: #2980b9;
}

.vgt-wrap.rtl .vgt-table th.sortable::after,
.vgt-wrap.rtl .vgt-table th.sortable::before {
  left: 2rem;
}

.vgt-wrap.rtl .pagination .page-item:last-child:not(.next-item) .page-link {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 1.428rem;
  border-bottom-left-radius: 1.428rem;
}

.vgt-wrap.rtl .pagination .page-item:first-child:not(.prev-item) .page-link {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 1.428rem;
  border-bottom-right-radius: 1.428rem;
}

body.dark-layout .vgt-wrap .vgt-table {
  background-color: #283046;
  border-color: #3b4253;
}

body.dark-layout .vgt-wrap .vgt-table th,
body.dark-layout .vgt-wrap .vgt-table td,
body.dark-layout .vgt-wrap .vgt-table tr {
  border-color: #3b4253;
  background-color: #283046;
}

body.dark-layout .vgt-wrap .vgt-table th span,
body.dark-layout .vgt-wrap .vgt-table td span,
body.dark-layout .vgt-wrap .vgt-table tr span {
  color: #b4b7bd;
}

body.dark-layout .vgt-wrap .vgt-table th input,
body.dark-layout .vgt-wrap .vgt-table td input,
body.dark-layout .vgt-wrap .vgt-table tr input {
  background-color: #283046;
  color: #b4b7bd;
  border-color: #404656;
}

body.dark-layout .vgt-wrap .vgt-table th input::-moz-placeholder, body.dark-layout .vgt-wrap .vgt-table td input::-moz-placeholder, body.dark-layout .vgt-wrap .vgt-table tr input::-moz-placeholder {
  color: #b4b7bd;
}

body.dark-layout .vgt-wrap .vgt-table th input::placeholder,
body.dark-layout .vgt-wrap .vgt-table td input::placeholder,
body.dark-layout .vgt-wrap .vgt-table tr input::placeholder {
  color: #b4b7bd;
}

body.dark-layout .vgt-wrap .vgt-table th.sortable::after {
  border-bottom-color: #b4b7bd;
}

body.dark-layout .vgt-wrap .vgt-table th.sortable::before {
  border-top-color: #b4b7bd;
}

body.dark-layout .vgt-wrap .vgt-table thead th.sorting-desc::before {
  border-top-color: #2980b9;
}

body.dark-layout .vgt-wrap .vgt-table thead th.sorting-asc::after {
  border-bottom-color: #2980b9;
}

html[dir=rtl] .b-pagination .page-item.prev-item {
  margin-right: 0.3571rem;
  margin-left: 0;
}

html[dir=rtl] .b-pagination .page-item.prev-item .page-link svg {
  transform: rotate(360deg);
}

html[dir=rtl] .b-pagination .page-item.prev-item ~ .page-item:nth-child(2):not(.active) .page-link {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-top-left-radius: 5rem;
  border-bottom-left-radius: 5rem;
}

html[dir=rtl] .b-pagination .page-item.prev-item ~ .page-item:nth-last-child(2):not(.active) .page-link {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: 5rem;
  border-bottom-right-radius: 5rem;
}

html[dir=rtl] .b-pagination .page-item.prev-item ~ .page-item:nth-child(2) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 5rem;
  border-bottom-left-radius: 5rem;
}

html[dir=rtl] .b-pagination .page-item.prev-item ~ .page-item:nth-last-child(2) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 5rem;
  border-bottom-right-radius: 5rem;
}

html[dir=rtl] .b-pagination .page-item.next-item {
  margin-right: 0;
  margin-left: 0.3571rem;
}

html[dir=rtl] .b-pagination .page-item.next-item .page-link svg {
  transform: rotate(360deg);
}

html[dir=rtl] .b-pagination .page-item.active .page-link {
  border-top-right-radius: 5rem !important;
  border-bottom-right-radius: 5rem !important;
}

.vgt-table.striped tbody tr:nth-of-type(odd) {
  background-color: rgba(51, 68, 109, 0.03);
}

/* Utility styles
************************************************/

.vgt-right-align {
  text-align: right;
}

.vgt-left-align {
  text-align: left;
}

.vgt-center-align {
  text-align: center;
}

.vgt-pull-left {
  float: left !important;
}

.vgt-pull-right {
  float: right !important;
}

.vgt-clearfix::after {
  display: block;
  content: "";
  clear: both;
}

.vgt-responsive {
  width: 100%;
  overflow-x: auto;
  position: relative;
}

.vgt-text-disabled {
  color: #909399;
}

.sr-only {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.vgt-wrap {
  position: relative;
}

.vgt-fixed-header {
  position: absolute;
  z-index: 10;
  overflow-x: auto;
}

table.vgt-table {
  font-size: 16px;
  border-collapse: collapse;
  background-color: #FFFFFF;
  width: 100%;
  max-width: 100%;
  table-layout: auto;
  border: 1px solid #ebe9f1;
}

table.vgt-table td {
  padding: 0.75em 0.75em 0.75em 0.75em;
  vertical-align: top;
  border-bottom: 1px solid #ebe9f1;
  color: #6e6b7b;
}

table.vgt-table tr.clickable {
  cursor: pointer;
}

table.vgt-table tr.clickable:hover {
  background-color: #F1F5FD;
}

.vgt-table th {
  padding: 0.75em 1.5em 0.75em 0.75em;
  vertical-align: middle;
  position: relative;
}

.vgt-table th.sortable button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vgt-table th.sortable button:focus {
  outline: none;
}

.vgt-table th.sortable button:after {
  content: "";
  position: absolute;
  height: 0px;
  width: 0px;
  right: 6px;
  top: 50%;
  margin-top: -7px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #606266;
}

.vgt-table th.sortable button:before {
  content: "";
  position: absolute;
  height: 0px;
  width: 0px;
  right: 6px;
  top: 50%;
  margin-bottom: -7px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #606266;
}

.vgt-table th.line-numbers,
.vgt-table th.vgt-checkbox-col {
  padding: 0 0.75em 0 0.75em;
  color: #6e6b7b;
  border-right: 1px solid #ebe9f1;
  word-wrap: break-word;
  width: 25px;
  text-align: center;
  background: linear-gradient(transparent, transparent);
}

.vgt-table th.filter-th {
  padding: 0.75em 0.75em 0.75em 0.75em;
}

.vgt-table th.vgt-row-header {
  border-bottom: 2px solid #ebe9f1;
  border-top: 2px solid #ebe9f1;
  background-color: white;
}

.vgt-table th.vgt-row-header .triangle {
  width: 24px;
  height: 24px;
  border-radius: 15%;
  position: relative;
  margin: 0px 8px;
}

.vgt-table th.vgt-row-header .triangle:after {
  content: "";
  position: absolute;
  display: block;
  left: 50%;
  top: 50%;
  margin-top: -6px;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #6e6b7b;
  margin-left: -3px;
  transition: 0.3s ease transform;
}

.vgt-table th.vgt-row-header .triangle.expand:after {
  transform: rotate(90deg);
}

.vgt-table thead th {
  color: #6e6b7b;
  vertical-align: bottom;
  border-bottom: 1px solid #ebe9f1;
  padding-right: 1.5em;
  background: linear-gradient(transparent, transparent);
}

.vgt-table thead th.vgt-checkbox-col {
  vertical-align: middle;
}

.vgt-table thead th.sorting-asc button:after {
  border-bottom: 5px solid #409eff;
}

.vgt-table thead th.sorting-desc button:before {
  border-top: 5px solid #409eff;
}

.vgt-input,
.vgt-select {
  width: 100%;
  height: 32px;
  line-height: 1;
  display: block;
  font-size: 14px;
  font-weight: normal;
  padding: 6px 12px;
  color: #6e6b7b;
  border-radius: 4px;
  box-sizing: border-box;
  background-image: none;
  background-color: #fff;
  border: 1px solid #d8d6de;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.vgt-input::-moz-placeholder, .vgt-select::-moz-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #6e6b7b;
  opacity: 0.3;
  /* Firefox */
}

.vgt-input::placeholder,
.vgt-select::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #6e6b7b;
  opacity: 0.3;
  /* Firefox */
}

.vgt-input:focus,
.vgt-select:focus {
  outline: none;
  border-color: #409eff;
}

.vgt-loading {
  position: absolute;
  width: 100%;
  z-index: 10;
  margin-top: 117px;
}

.vgt-loading__content {
  background-color: #c0dfff;
  color: #409eff;
  padding: 7px 30px;
  border-radius: 3px;
}

.vgt-inner-wrap.is-loading {
  opacity: 0.5;
  pointer-events: none;
}

.vgt-table.bordered td,
.vgt-table.bordered th {
  border: 1px solid #ebe9f1;
}

.vgt-table.bordered th.vgt-row-header {
  border-bottom: 3px solid #ebe9f1;
}

.vgt-wrap.rtl {
  direction: rtl;
}

.vgt-wrap.rtl .vgt-table thead th,
.vgt-wrap.rtl .vgt-table.condensed thead th {
  padding-left: 1.5em;
  padding-right: 0.75em;
}

.vgt-wrap.rtl .vgt-table th.sorting:after,
.vgt-wrap.rtl .vgt-table th.sorting-asc:after {
  margin-right: 5px;
  margin-left: 0px;
}

.vgt-wrap.rtl .vgt-table th.sortable:after,
.vgt-wrap.rtl .vgt-table th.sortable:before {
  right: inherit;
  left: 6px;
}

.vgt-table.condensed td,
.vgt-table.condensed th.vgt-row-header {
  padding: 0.4em 0.4em 0.4em 0.4em;
}

/*responsive compactMode*/

@media (max-width: 576px) {
  .vgt-compact * {
    box-sizing: border-box;
  }

  .vgt-compact tbody,
  .vgt-compact tr,
  .vgt-compact td {
    display: block;
    width: 100%;
  }

  .vgt-compact thead {
    display: none;
  }

  .vgt-compact tr {
    margin-bottom: 15px;
  }

  .vgt-compact td {
    text-align: right;
    position: relative;
  }

  .vgt-compact td:before {
    content: attr(data-label);
    position: relative;
    float: left;
    left: 0;
    width: 40%;
    padding-left: 10px;
    font-weight: bold;
    text-align: left;
  }

  .vgt-compact th.line-numbers {
    width: 100% !important;
    display: block;
    padding: 0.3em 1em !important;
  }
}

.vgt-global-search {
  padding: 5px 0px;
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  border: 1px solid #ebe9f1;
  border-bottom: 0px;
  background: linear-gradient(transparent, transparent);
}

.vgt-global-search form {
  display: flex;
}

.vgt-global-search form label {
  margin-top: 3px;
}

.vgt-global-search__input {
  position: relative;
  padding-left: 40px;
  flex-grow: 1;
}

.vgt-global-search__input .input__icon {
  position: absolute;
  left: 0px;
  max-width: 32px;
}

.vgt-global-search__input .input__icon .magnifying-glass {
  margin-top: 3px;
  margin-left: 8px;
  display: block;
  width: 16px;
  height: 16px;
  border: 2px solid #494949;
  position: relative;
  border-radius: 50%;
}

.vgt-global-search__input .input__icon .magnifying-glass:before {
  content: "";
  display: block;
  position: absolute;
  right: -7px;
  bottom: -5px;
  background: #494949;
  width: 8px;
  height: 4px;
  border-radius: 2px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}

.vgt-global-search__actions {
  margin-left: 10px;
}

.vgt-selection-info-row {
  background: #fdf9e8;
  padding: 5px 16px;
  font-size: 13px;
  border-top: 1px solid #ebe9f1;
  border-left: 1px solid #ebe9f1;
  border-right: 1px solid #ebe9f1;
  color: #d3aa3b;
  font-weight: bold;
}

.vgt-selection-info-row a {
  font-weight: bold;
  display: inline-block;
  margin-left: 10px;
}

.vgt-wrap__actions-footer {
  border: 1px solid #ebe9f1;
}

.vgt-wrap__footer {
  color: #6e6b7b;
  font-size: 1.1rem;
  padding: 1em;
  border: 1px solid #ebe9f1;
  background: linear-gradient(transparent, transparent);
}

.vgt-wrap__footer .footer__row-count {
  position: relative;
  padding-right: 3px;
}

.vgt-wrap__footer .footer__row-count__label,
.vgt-wrap__footer .footer__row-count__select {
  display: inline-block;
  vertical-align: middle;
}

.vgt-wrap__footer .footer__row-count__label {
  font-size: 1.1rem;
}

.vgt-wrap__footer .footer__row-count__select {
  font-size: 1.1rem;
  background-color: transparent;
  width: auto;
  padding: 0;
  border: 0;
  border-radius: 0;
  height: auto;
  margin-left: 8px;
  color: #6e6b7b;
  font-weight: bold;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: 15px;
  padding-left: 5px;
}

.vgt-wrap__footer .footer__row-count__select::-ms-expand {
  display: none;
}

.vgt-wrap__footer .footer__row-count__select:focus {
  outline: none;
  border-color: #409eff;
}

.vgt-wrap__footer .footer__row-count::after {
  content: "";
  display: block;
  position: absolute;
  height: 0px;
  width: 0px;
  right: 6px;
  top: 50%;
  margin-top: -1px;
  border-top: 6px solid #6e6b7b;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: none;
  pointer-events: none;
}

.vgt-wrap__footer .footer__navigation {
  font-size: 1.1rem;
}

.vgt-wrap__footer .footer__navigation > button:first-of-type {
  margin-right: 16px;
}

.vgt-wrap__footer .footer__navigation__page-btn,
.vgt-wrap__footer .footer__navigation__info,
.vgt-wrap__footer .footer__navigation__page-info {
  display: inline-block;
  vertical-align: middle;
  color: #909399;
}

.vgt-wrap__footer .footer__navigation__page-btn {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  text-decoration: none;
  color: #6e6b7b;
  font-weight: bold;
  white-space: nowrap;
  vertical-align: middle;
}

.vgt-wrap__footer .footer__navigation__page-btn:hover {
  cursor: pointer;
}

.vgt-wrap__footer .footer__navigation__page-btn.disabled,
.vgt-wrap__footer .footer__navigation__page-btn.disabled:hover {
  opacity: 0.5;
  cursor: not-allowed;
}

.vgt-wrap__footer .footer__navigation__page-btn.disabled .chevron.left:after,
.vgt-wrap__footer .footer__navigation__page-btn.disabled:hover .chevron.left:after {
  border-right-color: #6e6b7b;
}

.vgt-wrap__footer .footer__navigation__page-btn.disabled .chevron.right:after,
.vgt-wrap__footer .footer__navigation__page-btn.disabled:hover .chevron.right:after {
  border-left-color: #6e6b7b;
}

.vgt-wrap__footer .footer__navigation__page-btn span {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.1rem;
}

.vgt-wrap__footer .footer__navigation__page-btn .chevron {
  width: 24px;
  height: 24px;
  border-radius: 15%;
  position: relative;
  margin: 0;
  display: inline-block;
  vertical-align: middle;
}

.vgt-wrap__footer .footer__navigation__page-btn .chevron:after {
  content: "";
  position: absolute;
  display: block;
  left: 50%;
  top: 50%;
  margin-top: -6px;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
}

.vgt-wrap__footer .footer__navigation__page-btn .chevron.left::after {
  border-right: 6px solid #409eff;
  margin-left: -3px;
}

.vgt-wrap__footer .footer__navigation__page-btn .chevron.right::after {
  border-left: 6px solid #409eff;
  margin-left: -3px;
}

.vgt-wrap__footer .footer__navigation__info,
.vgt-wrap__footer .footer__navigation__page-info {
  display: inline-block;
  margin: 0px 16px;
}

.vgt-wrap__footer .footer__navigation__page-info span {
  display: inline-block;
  vertical-align: middle;
}

.vgt-wrap__footer .footer__navigation__page-info__current-entry {
  width: 30px;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  margin: 0px 10px;
  font-weight: bold;
}

@media only screen and (max-width: 750px) {
  /* on small screens hide the info */

  .vgt-wrap__footer .footer__navigation__info {
    display: none;
  }

  .vgt-wrap__footer .footer__navigation__page-btn {
    margin-left: 16px;
  }
}

.vgt-table.nocturnal {
  border: 1px solid #435169;
  background-color: #324057;
}

.vgt-table.nocturnal tr.clickable:hover {
  background-color: #445168;
}

.vgt-table.nocturnal td {
  border-bottom: 1px solid #435169;
  color: #C7CED8;
}

.vgt-table.nocturnal th.line-numbers,
.vgt-table.nocturnal th.vgt-checkbox-col {
  color: #C7CED8;
  border-right: 1px solid #435169;
  background: linear-gradient(#2C394F, #2C394F);
}

.vgt-table.nocturnal thead th {
  color: #C7CED8;
  border-bottom: 1px solid #435169;
  background: linear-gradient(#2C394F, #2C394F);
}

.vgt-table.nocturnal thead th.sortable:before {
  border-top-color: #3e5170;
}

.vgt-table.nocturnal thead th.sortable:after {
  border-bottom-color: #3e5170;
}

.vgt-table.nocturnal thead th.sortable.sorting-asc {
  color: white;
}

.vgt-table.nocturnal thead th.sortable.sorting-asc:after {
  border-bottom-color: #409eff;
}

.vgt-table.nocturnal thead th.sortable.sorting-desc {
  color: white;
}

.vgt-table.nocturnal thead th.sortable.sorting-desc:before {
  border-top-color: #409eff;
}

.vgt-table.nocturnal.bordered td,
.vgt-table.nocturnal.bordered th {
  border: 1px solid #435169;
}

.vgt-table.nocturnal .vgt-input,
.vgt-table.nocturnal .vgt-select {
  color: #C7CED8;
  background-color: #232d3f;
  border: 1px solid #435169;
}

.vgt-table.nocturnal .vgt-input::-moz-placeholder, .vgt-table.nocturnal .vgt-select::-moz-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #C7CED8;
  opacity: 0.3;
  /* Firefox */
}

.vgt-table.nocturnal .vgt-input::placeholder,
.vgt-table.nocturnal .vgt-select::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #C7CED8;
  opacity: 0.3;
  /* Firefox */
}

.vgt-wrap.nocturnal .vgt-wrap__footer {
  color: #C7CED8;
  border: 1px solid #435169;
  background: linear-gradient(#2C394F, #2C394F);
}

.vgt-wrap.nocturnal .vgt-wrap__footer .footer__row-count {
  position: relative;
}

.vgt-wrap.nocturnal .vgt-wrap__footer .footer__row-count__label {
  color: #8290A7;
}

.vgt-wrap.nocturnal .vgt-wrap__footer .footer__row-count__select {
  color: #C7CED8;
  background: #232d3f;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: 15px;
  padding-left: 10px;
  border-radius: 3px;
  text-align: center;
}

.vgt-wrap.nocturnal .vgt-wrap__footer .footer__row-count__select:focus {
  border-color: #409eff;
}

.vgt-wrap.nocturnal .vgt-wrap__footer .footer__row-count::after {
  content: "";
  display: block;
  position: absolute;
  height: 0px;
  width: 0px;
  right: 6px;
  top: 50%;
  margin-top: -1px;
  border-top: 6px solid #C7CED8;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: none;
  pointer-events: none;
}

.vgt-wrap.nocturnal .vgt-wrap__footer .footer__navigation__page-btn {
  color: #C7CED8;
}

.vgt-wrap.nocturnal .vgt-wrap__footer .footer__navigation__page-btn.disabled .chevron.left:after,
.vgt-wrap.nocturnal .vgt-wrap__footer .footer__navigation__page-btn.disabled:hover .chevron.left:after {
  border-right-color: #C7CED8;
}

.vgt-wrap.nocturnal .vgt-wrap__footer .footer__navigation__page-btn.disabled .chevron.right:after,
.vgt-wrap.nocturnal .vgt-wrap__footer .footer__navigation__page-btn.disabled:hover .chevron.right:after {
  border-left-color: #C7CED8;
}

.vgt-wrap.nocturnal .vgt-wrap__footer .footer__navigation__info,
.vgt-wrap.nocturnal .vgt-wrap__footer .footer__navigation__page-info {
  color: #8290A7;
}

.vgt-wrap.nocturnal .vgt-global-search {
  border: 1px solid #435169;
  background: linear-gradient(#2C394F, #2C394F);
}

.vgt-wrap.nocturnal .vgt-global-search__input .input__icon .magnifying-glass {
  border: 2px solid #3f4c63;
}

.vgt-wrap.nocturnal .vgt-global-search__input .input__icon .magnifying-glass:before {
  background: #3f4c63;
}

.vgt-wrap.nocturnal .vgt-global-search__input .vgt-input,
.vgt-wrap.nocturnal .vgt-global-search__input .vgt-select {
  color: #C7CED8;
  background-color: #232d3f;
  border: 1px solid #435169;
}

.vgt-wrap.nocturnal .vgt-global-search__input .vgt-input::-moz-placeholder, .vgt-wrap.nocturnal .vgt-global-search__input .vgt-select::-moz-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #C7CED8;
  opacity: 0.3;
  /* Firefox */
}

.vgt-wrap.nocturnal .vgt-global-search__input .vgt-input::placeholder,
.vgt-wrap.nocturnal .vgt-global-search__input .vgt-select::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #C7CED8;
  opacity: 0.3;
  /* Firefox */
}

.vgt-table.black-rhino {
  border: 1px solid #435169;
  background-color: #dfe5ee;
}

.vgt-table.black-rhino tr.clickable:hover {
  background-color: #fff;
}

.vgt-table.black-rhino td {
  border-bottom: 1px solid #bbc5d6;
  color: #49515e;
}

.vgt-table.black-rhino th.line-numbers,
.vgt-table.black-rhino th.vgt-checkbox-col {
  color: #dae2f0;
  border-right: 1px solid #435169;
  background: linear-gradient(#4c5c79, #4e5d7c);
}

.vgt-table.black-rhino thead th {
  color: #dae2f0;
  text-shadow: 1px 1px #3e5170;
  border-bottom: 1px solid #435169;
  background: linear-gradient(#4c5c79, #4e5d7c);
}

.vgt-table.black-rhino thead th.sortable:before {
  border-top-color: #607498;
}

.vgt-table.black-rhino thead th.sortable:after {
  border-bottom-color: #607498;
}

.vgt-table.black-rhino thead th.sortable.sorting-asc {
  color: white;
}

.vgt-table.black-rhino thead th.sortable.sorting-asc:after {
  border-bottom-color: #409eff;
}

.vgt-table.black-rhino thead th.sortable.sorting-desc:before {
  border-top-color: #409eff;
}

.vgt-table.black-rhino.bordered td {
  border: 1px solid #bbc5d6;
}

.vgt-table.black-rhino.bordered th {
  border: 1px solid #435169;
}

.vgt-table.black-rhino .vgt-input,
.vgt-table.black-rhino .vgt-select {
  color: #dae2f0;
  background-color: #34445f;
  border: 1px solid transparent;
}

.vgt-table.black-rhino .vgt-input::-moz-placeholder, .vgt-table.black-rhino .vgt-select::-moz-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #dae2f0;
  opacity: 0.3;
  /* Firefox */
}

.vgt-table.black-rhino .vgt-input::placeholder,
.vgt-table.black-rhino .vgt-select::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #dae2f0;
  opacity: 0.3;
  /* Firefox */
}

.vgt-wrap.black-rhino .vgt-wrap__footer {
  color: #dae2f0;
  border: 1px solid #435169;
  background: linear-gradient(#4c5c79, #4e5d7c);
}

.vgt-wrap.black-rhino .vgt-wrap__footer .footer__row-count {
  position: relative;
  padding-right: 3px;
}

.vgt-wrap.black-rhino .vgt-wrap__footer .footer__row-count__label {
  color: #98a5b9;
}

.vgt-wrap.black-rhino .vgt-wrap__footer .footer__row-count__select {
  color: #49515e;
  background: #34445f;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: 15px;
  padding-left: 5px;
  border-radius: 3px;
}

.vgt-wrap.black-rhino .vgt-wrap__footer .footer__row-count__select::-ms-expand {
  display: none;
}

.vgt-wrap.black-rhino .vgt-wrap__footer .footer__row-count__select:focus {
  border-color: #409eff;
}

.vgt-wrap.black-rhino .vgt-wrap__footer .footer__row-count::after {
  content: "";
  display: block;
  position: absolute;
  height: 0px;
  width: 0px;
  right: 6px;
  top: 50%;
  margin-top: -1px;
  border-top: 6px solid #49515e;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: none;
  pointer-events: none;
}

.vgt-wrap.black-rhino .vgt-wrap__footer .footer__navigation__page-btn {
  color: #dae2f0;
}

.vgt-wrap.black-rhino .vgt-wrap__footer .footer__navigation__page-btn.disabled .chevron.left:after,
.vgt-wrap.black-rhino .vgt-wrap__footer .footer__navigation__page-btn.disabled:hover .chevron.left:after {
  border-right-color: #dae2f0;
}

.vgt-wrap.black-rhino .vgt-wrap__footer .footer__navigation__page-btn.disabled .chevron.right:after,
.vgt-wrap.black-rhino .vgt-wrap__footer .footer__navigation__page-btn.disabled:hover .chevron.right:after {
  border-left-color: #dae2f0;
}

.vgt-wrap.black-rhino .vgt-wrap__footer .footer__navigation__info,
.vgt-wrap.black-rhino .vgt-wrap__footer .footer__navigation__page-info {
  color: #dae2f0;
}

.vgt-wrap.black-rhino .vgt-global-search {
  border: 1px solid #435169;
  background: linear-gradient(#4c5c79, #4e5d7c);
}

.vgt-wrap.black-rhino .vgt-global-search__input .input__icon .magnifying-glass {
  border: 2px solid #3f4c63;
}

.vgt-wrap.black-rhino .vgt-global-search__input .input__icon .magnifying-glass:before {
  background: #3f4c63;
}

.vgt-wrap.black-rhino .vgt-global-search__input .vgt-input,
.vgt-wrap.black-rhino .vgt-global-search__input .vgt-select {
  color: #dae2f0;
  background-color: #44516c;
  border: 1px solid transparent;
}

.vgt-wrap.black-rhino .vgt-global-search__input .vgt-input::-moz-placeholder, .vgt-wrap.black-rhino .vgt-global-search__input .vgt-select::-moz-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #dae2f0;
  opacity: 0.3;
  /* Firefox */
}

.vgt-wrap.black-rhino .vgt-global-search__input .vgt-input::placeholder,
.vgt-wrap.black-rhino .vgt-global-search__input .vgt-select::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #dae2f0;
  opacity: 0.3;
  /* Firefox */
}

.vgt-inner-wrap {
  border-radius: 0.25rem;
  box-shadow: 0 1px 3px 0 rgba(50, 50, 93, 0.1), 0 1px 2px 0 rgba(50, 50, 93, 0.06);
}

.vgt-table.polar-bear {
  border-spacing: 0;
  border-collapse: separate;
  font-size: 1rem;
  background-color: #FFFFFF;
  border: 1px solid #e3e8ee;
  border-bottom: none;
  border-radius: 0.25rem;
}

.vgt-table.polar-bear td {
  padding: 1em 0.75em 1em 0.75em;
  border-bottom: 1px solid #E4EBF3;
  color: #525f7f;
}

.vgt-table.polar-bear td.vgt-right-align {
  text-align: right;
}

.vgt-table.polar-bear th.line-numbers,
.vgt-table.polar-bear th.vgt-checkbox-col {
  color: #394567;
  border-right: 1px solid #e3e8ee;
  background: #f7fafc;
}

.vgt-table.polar-bear thead th {
  color: #667b94;
  font-weight: 600;
  border-bottom: 1px solid #e3e8ee;
  background: #f7fafc;
}

.vgt-table.polar-bear thead th.sorting-asc,
.vgt-table.polar-bear thead th.sorting-desc {
  color: #5e72e4;
}

.vgt-table.polar-bear thead th.sorting-desc:before {
  border-top: 5px solid #7485e8;
}

.vgt-table.polar-bear thead th.sorting-asc:after {
  border-bottom: 5px solid #7485e8;
}

.vgt-table.polar-bear thead th .vgt-input,
.vgt-table.polar-bear thead th .vgt-select {
  height: 2.75em;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  border: 1px solid #E4EBF3;
}

.vgt-table.polar-bear thead th .vgt-input:focus,
.vgt-table.polar-bear thead th .vgt-select:focus {
  outline: 0;
  border-color: #cae0fe;
}

.vgt-table.polar-bear thead tr:first-child th:first-child {
  border-top-left-radius: 0.25rem;
}

.vgt-table.polar-bear thead tr:first-child th:last-child {
  border-top-right-radius: 0.25rem;
}

.vgt-table.polar-bear.bordered td {
  border: 1px solid #e3e8ee;
  background: #FFFFFF;
}

.vgt-table.polar-bear.bordered th {
  border: 1px solid #e3e8ee;
}

.vgt-wrap.polar-bear .vgt-wrap__footer {
  color: #394567;
  border: 1px solid #e3e8ee;
  border-bottom: 0px;
  border-top: 0px;
  background: linear-gradient(#f7fafc, #f7fafc);
}

.vgt-wrap.polar-bear .vgt-wrap__footer .footer__row-count {
  position: relative;
  padding-right: 3px;
}

.vgt-wrap.polar-bear .vgt-wrap__footer .footer__row-count__label {
  color: #98a5b9;
}

.vgt-wrap.polar-bear .vgt-wrap__footer .footer__row-count__select {
  text-align: center;
  color: #525f7f;
  background: #FFFFFF;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 5px;
  padding-right: 30px;
  border-radius: 3px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  border: 1px solid #E4EBF3;
}

.vgt-wrap.polar-bear .vgt-wrap__footer .footer__row-count__select::-ms-expand {
  display: none;
}

.vgt-wrap.polar-bear .vgt-wrap__footer .footer__row-count__select:focus {
  border-color: #5e72e4;
}

.vgt-wrap.polar-bear .vgt-wrap__footer .footer__row-count::after {
  content: "";
  display: block;
  position: absolute;
  height: 0px;
  width: 0px;
  right: 15px;
  top: 50%;
  margin-top: -3px;
  border-top: 6px solid #525f7f;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: none;
  pointer-events: none;
}

.vgt-wrap.polar-bear .vgt-wrap__footer .footer__navigation__page-btn {
  color: #394567;
}

.vgt-wrap.polar-bear .vgt-wrap__footer .footer__navigation__page-btn.disabled .chevron.left:after,
.vgt-wrap.polar-bear .vgt-wrap__footer .footer__navigation__page-btn.disabled:hover .chevron.left:after {
  border-right-color: #394567;
}

.vgt-wrap.polar-bear .vgt-wrap__footer .footer__navigation__page-btn.disabled .chevron.right:after,
.vgt-wrap.polar-bear .vgt-wrap__footer .footer__navigation__page-btn.disabled:hover .chevron.right:after {
  border-left-color: #394567;
}

.vgt-wrap.polar-bear .vgt-wrap__footer .footer__navigation__info,
.vgt-wrap.polar-bear .vgt-wrap__footer .footer__navigation__page-info {
  color: #394567;
}

.vgt-wrap.polar-bear .vgt-global-search {
  border: 1px solid #e3e8ee;
  border-bottom: 0px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  background: #f7fafc;
}

.vgt-wrap.polar-bear .vgt-global-search__input .input__icon .magnifying-glass {
  border: 2px solid #dde3ea;
}

.vgt-wrap.polar-bear .vgt-global-search__input .input__icon .magnifying-glass:before {
  background: #dde3ea;
}

.vgt-wrap.polar-bear .vgt-global-search__input .vgt-input,
.vgt-wrap.polar-bear .vgt-global-search__input .vgt-select {
  height: 2.75em;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  border: 1px solid #E4EBF3;
}

.vgt-wrap.polar-bear .vgt-global-search__input .vgt-input::-moz-placeholder, .vgt-wrap.polar-bear .vgt-global-search__input .vgt-select::-moz-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #394567;
  opacity: 0.3;
  /* Firefox */
}

.vgt-wrap.polar-bear .vgt-global-search__input .vgt-input::placeholder,
.vgt-wrap.polar-bear .vgt-global-search__input .vgt-select::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #394567;
  opacity: 0.3;
  /* Firefox */
}

table.vgt-table {
  font-size: 12px !important;
}

.content-body {
  position: relative;
}

.body-content-overlay {
  position: fixed !important;
  z-index: 1222 !important;
}

.sidebar-shop {
  margin-top: 0.85rem;
  width: 320px;
  z-index: 998;
}

.sidebar-shop .filter-heading {
  margin-bottom: 1.75rem;
}

.sidebar-shop .filter-title {
  margin-bottom: 1rem;
  margin-top: 1.5rem;
}

.sidebar-shop .price-range li:not(:last-child),
.sidebar-shop .categories-list li:not(:last-child) {
  margin-bottom: 0.75rem;
}

.sidebar-shop .brand-list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.75rem;
}

.sidebar-shop .range-slider.noUi-horizontal .noUi-handle .noUi-tooltip {
  opacity: 0;
  transform: translate(-50%, -15%);
}

.sidebar-shop .range-slider.noUi-horizontal .noUi-handle .noUi-tooltip:before {
  content: "$ ";
}

.sidebar-shop .range-slider.noUi-horizontal .noUi-handle:active .noUi-tooltip {
  opacity: 1;
}

.sidebar-shop .ratings-list {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}

.sidebar-shop .ratings-list:last-child {
  margin-bottom: 2.5rem;
}

.sidebar-shop .ratings-list ul {
  margin-bottom: 0;
}

.sidebar-shop .ratings-list ul .ratings-list-item svg,
.sidebar-shop .ratings-list ul .ratings-list-item i {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}

.filled-star {
  fill: #ff9f43;
  stroke: #ff9f43;
  color: #ff9f43;
}

.unfilled-star {
  stroke: #babfc7;
  color: #babfc7;
}

.ecommerce-header-items {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.ecommerce-header-items .result-toggler {
  display: flex;
  align-items: center;
}

.ecommerce-header-items .result-toggler .shop-sidebar-toggler {
  padding-left: 0;
}

.ecommerce-header-items .result-toggler .shop-sidebar-toggler:active,
.ecommerce-header-items .result-toggler .shop-sidebar-toggler:focus {
  outline: 0;
}

.ecommerce-header-items .result-toggler .shop-sidebar-toggler .navbar-toggler-icon {
  height: auto;
}

.ecommerce-header-items .result-toggler .shop-sidebar-toggler .navbar-toggler-icon i,
.ecommerce-header-items .result-toggler .shop-sidebar-toggler .navbar-toggler-icon svg {
  color: #6e6b7b;
  height: 1.5rem;
  width: 1.5rem;
  font-size: 1.5rem;
}

.ecommerce-header-items .result-toggler .search-results {
  font-weight: 500;
  color: #5e5873;
}

.ecommerce-searchbar .input-group {
  box-shadow: 0 2px 8px 0 rgba(34, 41, 47, 0.14);
  border-radius: 0.5rem;
}

.search-product,
.input-group-text {
  height: 48px;
  border: none;
  font-size: 0.95rem;
  padding-left: 1.25rem;
}

.search-product::-moz-placeholder, .input-group-text::-moz-placeholder {
  font-size: 0.95rem;
}

.search-product::placeholder,
.input-group-text::placeholder {
  font-size: 0.95rem;
}

.ecommerce-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 4px 25px 0 rgba(34, 41, 47, 0.25);
}

.ecommerce-card .item-rating ul {
  margin-bottom: 0;
}

.ecommerce-card .item-rating svg,
.ecommerce-card .item-rating i {
  height: 1.143rem;
  width: 1.143rem;
  font-size: 1.143rem;
}

.ecommerce-card .item-name {
  margin-bottom: 0;
}

.ecommerce-card .item-name a {
  font-weight: 600;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ecommerce-card .item-description {
  font-size: 0.875rem;
}

.ecommerce-card .btn-wishlist span,
.ecommerce-card .btn-cart span {
  vertical-align: text-top;
}

.ecommerce-card .btn-wishlist i,
.ecommerce-card .btn-wishlist svg,
.ecommerce-card .btn-cart i,
.ecommerce-card .btn-cart svg {
  margin-right: 0.25rem;
  vertical-align: text-top;
}

.ecommerce-card .btn-wishlist i.text-danger,
.ecommerce-card .btn-wishlist svg.text-danger,
.ecommerce-card .btn-cart i.text-danger,
.ecommerce-card .btn-cart svg.text-danger {
  fill: #ea5455;
}

.grid-view:not(.wishlist-items),
.list-view:not(.wishlist-items),
.list-grid-view:not(.wishlist-items) {
  margin-top: 2rem;
}

.grid-view,
.list-grid-view {
  display: grid;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
}

.grid-view .ecommerce-card,
.list-grid-view .ecommerce-card {
  overflow: hidden;
}

.grid-view .ecommerce-card .item-img,
.list-grid-view .ecommerce-card .item-img {
  padding-top: 0.5rem;
  min-height: 135px;
  display: flex;
  align-items: center;
}

.grid-view .ecommerce-card .item-wrapper,
.list-grid-view .ecommerce-card .item-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}

.grid-view .ecommerce-card .shipping,
.grid-view .ecommerce-card .item-company,
.grid-view .ecommerce-card .item-options .item-price,
.list-grid-view .ecommerce-card .shipping,
.list-grid-view .ecommerce-card .item-company,
.list-grid-view .ecommerce-card .item-options .item-price {
  display: none;
}

.grid-view .ecommerce-card .item-options,
.list-grid-view .ecommerce-card .item-options {
  display: flex;
  flex-wrap: wrap;
}

.grid-view .ecommerce-card .item-options .btn-cart,
.grid-view .ecommerce-card .item-options .btn-wishlist,
.list-grid-view .ecommerce-card .item-options .btn-cart,
.list-grid-view .ecommerce-card .item-options .btn-wishlist {
  flex-grow: 1;
  border-radius: 0;
}

.grid-view .ecommerce-card .item-name,
.list-grid-view .ecommerce-card .item-name {
  margin-top: 0.75rem;
}

.grid-view .ecommerce-card .item-description,
.list-grid-view .ecommerce-card .item-description {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: 0.2rem;
}

.grid-view .ecommerce-card .item-price,
.list-grid-view .ecommerce-card .item-price {
  font-weight: 600;
}

.grid-view .ecommerce-card .card-body,
.list-grid-view .ecommerce-card .card-body {
  padding: 1rem;
}

.list-view {
  display: grid;
  grid-template-columns: 1fr;
}

.list-view .ecommerce-card {
  overflow: hidden;
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;
}

.list-view .ecommerce-card .item-img {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.list-view .ecommerce-card .card-body {
  padding: 1.5rem 1rem;
  border-right: 1px solid #e3e8ee;
  display: flex;
  flex-direction: column;
}

.list-view .ecommerce-card .card-body .item-wrapper {
  order: 2;
}

.list-view .ecommerce-card .card-body .item-name {
  order: 1;
}

.list-view .ecommerce-card .card-body .item-description {
  order: 3;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.list-view .ecommerce-card .card-body .item-price {
  display: none;
}

.list-view .ecommerce-card .card-body .item-rating {
  margin-bottom: 0.3rem;
}

.list-view .ecommerce-card .item-company {
  display: inline-flex;
  font-weight: 400;
  margin: 0.3rem 0 0.5rem;
  font-size: 0.875rem;
}

.list-view .ecommerce-card .item-company .company-name {
  font-weight: 600;
  margin-left: 0.25rem;
}

.list-view .ecommerce-card .item-options {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.list-view .ecommerce-card .item-options .item-wrapper {
  position: relative;
}

.list-view .ecommerce-card .item-options .item-wrapper .item-cost .item-price {
  color: #2980b9;
  margin-bottom: 0;
}

.list-view .ecommerce-card .item-options .shipping {
  margin-top: 0.75rem;
}

.list-view .ecommerce-card .item-options .btn-wishlist,
.list-view .ecommerce-card .item-options .btn-cart {
  margin-top: 1rem;
}

.checkout-tab-steps .bs-stepper-header,
.checkout-tab-steps .bs-stepper-content {
  padding: 0;
  margin: 0;
}

.checkout-items .cart-item-checkbox,
.checkout-items .select-all-products {
  width: 30px;
  height: 30px;
  min-width: 30px;
  min-height: 30px;
  accent-color: #2980b9;
  cursor: pointer;
}

.checkout-items .cart-item-checkbox:checked,
.checkout-items .select-all-products:checked {
  background-color: #2980b9;
  border-color: #2980b9;
}

.checkout-items .ecommerce-card .item-img img {
  width: 200px;
}

.checkout-items .ecommerce-card .item-name {
  order: 0 !important;
}

.checkout-items .ecommerce-card .item-company,
.checkout-items .ecommerce-card .item-rating {
  margin-bottom: 0.4rem !important;
}

.checkout-items .ecommerce-card .item-quantity {
  display: flex;
  align-items: center;
}

.checkout-items .ecommerce-card .delivery-date {
  margin-top: 1.2rem;
  margin-bottom: 0.25rem;
}

.checkout-items .ecommerce-card .item-options .btn {
  display: flex;
  align-items: center;
  justify-content: center;
}

.checkout-options .coupons:focus-within {
  box-shadow: none;
}

.checkout-options .coupons input {
  border: none;
  padding-left: 0;
  color: #6e6b7b;
  font-weight: 600;
}

.checkout-options .coupons input::-moz-placeholder {
  color: #6e6b7b;
  font-weight: 600;
}

.checkout-options .coupons input::placeholder {
  color: #6e6b7b;
  font-weight: 600;
}

.checkout-options .coupons .input-group-append {
  margin: 0;
}

.checkout-options .coupons .input-group-text {
  height: auto;
  font-weight: 600;
  padding: inherit;
}

.checkout-options .price-details .price-title {
  font-weight: 600;
  margin-bottom: 0.75rem;
  margin-top: 1.5rem;
}

.checkout-options .price-details .price-detail {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.75rem;
}

.checkout-options .price-details .price-detail .detail-title.detail-total {
  font-weight: 600;
}

.payment-type .gift-card {
  cursor: pointer;
}

.checkout-tab-steps {
  background-color: transparent !important;
  box-shadow: none !important;
}

.checkout-tab-steps .bs-stepper-header {
  border: none;
}

@media (min-width: 992px) {
  .ecommerce-header-items .shop-sidebar-toggler {
    display: none;
  }

  .grid-view,
  .list-grid-view {
    display: grid;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }

  .product-checkout.list-view {
    grid-template-columns: 2fr 1fr;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }
}

@media (max-width: 1199.98px) {
  .ecommerce-application .ecommerce-header-items .btn-group {
    align-items: center;
  }

  .ecommerce-application .ecommerce-header-items .btn-group .btn-icon {
    padding: 0.6rem 0.736rem;
  }

  .ecommerce-application .body-content-overlay {
    position: fixed;
    opacity: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }

  .ecommerce-application .body-content-overlay.show {
    opacity: 1;
  }

  .ecommerce-application.horizontal-layout .body-content-overlay {
    z-index: 998 !important;
  }

  .ecommerce-application.horizontal-layout .sidebar-shop {
    z-index: 999 !important;
  }
}

@media (max-width: 991.98px) {
  .ecommerce-application .sidebar-left .sidebar .card {
    border-radius: 0;
    margin: 0;
  }

  .ecommerce-application .sidebar-left .sidebar .sidebar-shop {
    transform: translateX(-112%);
    transition: all 0.25s ease;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    overflow-y: scroll;
    margin: 0;
  }

  .ecommerce-application .sidebar-left .sidebar .sidebar-shop.show {
    transition: all 0.25s ease;
    transform: translateX(0);
  }

  .ecommerce-application .ecommerce-header-items .result-toggler .search-results {
    display: none;
  }
}

@media (max-width: 767.98px) {
  .ecommerce-application .list-view .ecommerce-card {
    grid-template-columns: 1fr;
  }

  .ecommerce-application .list-view .ecommerce-card .item-img {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .ecommerce-application .list-view .ecommerce-card .card-body {
    border: none;
  }
}

@media (max-width: 575.98px) {
  .ecommerce-application .grid-view,
  .ecommerce-application .list-grid-view,
  .ecommerce-application .grid-view.wishlist-items {
    grid-template-columns: 1fr;
  }
}

table.vgt-table {
  font-size: 12px !important;
}

.card-statistics .statistics-body {
  padding: 2rem 2.4rem !important;
}

@media (max-width: 991.98px) {
  .card-statistics .card-header,
  .card-statistics .statistics-body {
    padding: 1.5rem !important;
  }
}

.card-company-table thead th {
  border: 0;
}

.card-company-table td {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.card-company-table td .avatar {
  background-color: #f8f8f8;
  margin-right: 2rem;
}

.card-company-table td .avatar img {
  border-radius: 0;
}

.card-browser-states .browser-states:first-child {
  margin-top: 0;
}

.card-browser-states .browser-states:not(:first-child) {
  margin-top: 1.7rem;
}

.card-transaction .transaction-item:not(:last-child) {
  margin-bottom: 1.5rem;
}

.card-company-table td .b-avatar.badge-light-company {
  background-color: #f8f8f8;
  margin-right: 2rem;
}

table.vgt-table {
  font-size: 12px !important;
}

.apexcharts-canvas line[stroke=transparent] {
  display: none;
}

.apexcharts-canvas .apexcharts-tooltip {
  background: #FFFFFF;
  border-color: #e3e8ee;
}

.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-title {
  background: #FFFFFF !important;
  border-color: #e3e8ee !important;
  font-weight: 600;
}

.apexcharts-canvas .apexcharts-tooltip.apexcharts-theme-dark .apexcharts-tooltip-text-label,
.apexcharts-canvas .apexcharts-tooltip.apexcharts-theme-dark .apexcharts-tooltip-text-value {
  color: #FFFFFF;
}

.apexcharts-canvas .apexcharts-xaxistooltip,
.apexcharts-canvas .apexcharts-yaxistooltip {
  background: #f8f8f8;
  border-color: #e3e8ee;
}

.apexcharts-canvas .apexcharts-xaxistooltip-bottom:before {
  border-bottom-color: #e3e8ee;
}

.apexcharts-canvas .apexcharts-xaxistooltip-bottom::after {
  border-bottom-color: #f8f8f8;
}

.apexcharts-canvas .apexcharts-xaxistooltip-top:before {
  border-top-color: #e3e8ee;
}

.apexcharts-canvas .apexcharts-xaxistooltip-top::after {
  border-top-color: #f8f8f8;
}

.apexcharts-canvas .apexcharts-yaxistooltip-left:before {
  border-left-color: #e3e8ee;
}

.apexcharts-canvas .apexcharts-yaxistooltip-left:after {
  border-left-color: #f8f8f8;
}

.apexcharts-canvas .apexcharts-yaxistooltip-right:before {
  border-right-color: #e3e8ee;
}

.apexcharts-canvas .apexcharts-yaxistooltip-right:after {
  border-right-color: #f8f8f8;
}

.apexcharts-canvas .apexcharts-text,
.apexcharts-canvas .apexcharts-tooltip-text,
.apexcharts-canvas .apexcharts-datalabel-label,
.apexcharts-canvas .apexcharts-datalabel {
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  fill: #6e6b7b;
  font-weight: 400;
  filter: none;
}

.apexcharts-canvas .apexcharts-pie-label {
  fill: white;
  filter: none;
}

.apexcharts-canvas .apexcharts-pie .apexcharts-pie-series .apexcharts-pie-area {
  stroke-width: 0;
}

.apexcharts-canvas .apexcharts-pie .apexcharts-datalabel-label,
.apexcharts-canvas .apexcharts-pie .apexcharts-datalabel-value {
  font-size: 1.5rem;
}

.apexcharts-canvas .apexcharts-marker {
  box-shadow: none;
}

.apexcharts-canvas .apexcharts-legend-series + .apexcharts-legend-series {
  margin-top: 0.625rem;
}

.apexcharts-canvas .apexcharts-legend-series .apexcharts-legend-text {
  margin-left: 0.5rem;
  color: #6e6b7b !important;
  font-size: 1rem !important;
}

.apexcharts-canvas .apexcharts-xcrosshairs,
.apexcharts-canvas .apexcharts-ycrosshairs,
.apexcharts-canvas .apexcharts-gridline {
  stroke: #e3e8ee;
}

.apexcharts-legend.position-bottom {
  bottom: 3rem;
}

.dark-layout .apexcharts-canvas .apexcharts-xaxis-tick,
.dark-layout .apexcharts-canvas line {
  stroke: #3b4253;
}

.dark-layout .apexcharts-canvas .apexcharts-heatmap .apexcharts-heatmap-rect {
  stroke: #3b4253;
}

.dark-layout .apexcharts-canvas .apexcharts-radialbar .apexcharts-radialbar-track .apexcharts-radialbar-area {
  stroke: #161d31;
}

.dark-layout .apexcharts-canvas .apexcharts-radar-series polygon {
  fill: #161d31;
  stroke: #3b4253;
}

.dark-layout .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-datalabel-value {
  fill: #FFFFFF;
}

.dark-layout .apexcharts-canvas .apexcharts-tooltip {
  background: #283046;
  border-color: #3b4253;
}

.dark-layout .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-title {
  background: #283046 !important;
  border-color: #3b4253 !important;
  color: #FFFFFF;
}

.dark-layout .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-label,
.dark-layout .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-value {
  color: #FFFFFF;
}

.dark-layout .apexcharts-canvas .apexcharts-xaxistooltip-bottom:before {
  border-bottom-color: #3b4253;
}

.dark-layout .apexcharts-canvas .apexcharts-xaxistooltip-bottom::after {
  border-bottom-color: #161d31;
}

.dark-layout .apexcharts-canvas .apexcharts-xaxistooltip-top:before {
  border-top-color: #3b4253;
}

.dark-layout .apexcharts-canvas .apexcharts-xaxistooltip-top::after {
  border-top-color: #161d31;
}

.dark-layout .apexcharts-canvas .apexcharts-yaxistooltip-left:before {
  border-left-color: #3b4253;
}

.dark-layout .apexcharts-canvas .apexcharts-yaxistooltip-left:after {
  border-left-color: #161d31;
}

.dark-layout .apexcharts-canvas .apexcharts-yaxistooltip-right:before {
  border-right-color: #3b4253;
}

.dark-layout .apexcharts-canvas .apexcharts-yaxistooltip-right:after {
  border-right-color: #161d31;
}

.dark-layout .apexcharts-canvas .apexcharts-xaxistooltip,
.dark-layout .apexcharts-canvas .apexcharts-yaxistooltip {
  background: #161d31;
  border-color: #3b4253;
}

.dark-layout .apexcharts-canvas .apexcharts-xaxistooltip .apexcharts-xaxistooltip-text,
.dark-layout .apexcharts-canvas .apexcharts-xaxistooltip .apexcharts-yaxistooltip-text,
.dark-layout .apexcharts-canvas .apexcharts-yaxistooltip .apexcharts-xaxistooltip-text,
.dark-layout .apexcharts-canvas .apexcharts-yaxistooltip .apexcharts-yaxistooltip-text {
  color: #FFFFFF;
}

.dark-layout .apexcharts-canvas .apexcharts-xaxistooltip .apexcharts-xaxistooltip-text {
  color: #FFFFFF;
}

.dark-layout .apexcharts-canvas .apexcharts-yaxis-label,
.dark-layout .apexcharts-canvas .apexcharts-xaxis-label,
.dark-layout .apexcharts-canvas .apexcharts-tooltip-text,
.dark-layout .apexcharts-canvas .apexcharts-datalabel-label {
  fill: #b4b7bd;
}

.dark-layout .apexcharts-canvas .apexcharts-marker {
  stroke: #3b4253;
}

.dark-layout .apexcharts-canvas .apexcharts-legend-series .apexcharts-legend-text {
  color: #b4b7bd !important;
}

.dark-layout .apexcharts-canvas .apexcharts-xcrosshairs,
.dark-layout .apexcharts-canvas .apexcharts-ycrosshairs,
.dark-layout .apexcharts-canvas .apexcharts-gridline {
  stroke: #3b4253;
}

table.vgt-table {
  font-size: 12px !important;
}

.auth-wrapper {
  display: flex;
  flex-basis: 100%;
  min-height: 100vh;
  min-height: calc(var(--vh, 1vh) * 100);
  width: 100%;
}

.auth-wrapper .auth-inner {
  width: 100%;
  position: relative;
}

.auth-wrapper.auth-v1 {
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.auth-wrapper.auth-v1 .auth-inner:before {
  width: 244px;
  height: 243px;
  content: " ";
  position: absolute;
  top: -54px;
  left: -46px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPQAAADzCAMAAACG9Mt0AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAA9KADAAQAAAABAAAA8wAAAADhQHfUAAAAyVBMVEUAAAD///+AgP+AgP9mZv+AgNWAgP9tbf9gYP+AgP9xcf9mZv+AZuaAgP9dXf90dOhiYv92dv9mZu5mZv93d+53d/9paf94afCAcfFrXvJra/9mZvJzZvJzc/JoaP96b/Rqav91aupsYvV2bOt2bPVxaPZ7cfZqavZyau1waPd4aO9xafBxafh4afB1bfh4avFuZ/F2afJzZvJzZ/N0aPN0bvN3bPR0ae5yZ/R3be93bfR1au9zafBxbPVzavV0a/F0a/ZyafFwaPKZm3nTAAAAQ3RSTlMAAQIEBQYGBwgICQoKCgsLDQ0PDw8PERESExMUFBQWFxgYGhoaGxsdHSAgIiIiIyQlJygqLCwtLi8vLzAzNDU3Nzg7h9vbHgAAA9RJREFUeNrt3ftS2kAUx/Fc1gSyWsErtuJdRDQiiteolb7/QzUoTm07k4AzObuu3/MCez45yWbzT36eZ6b8erO1e1B97baadd+zocJWmg0HaXe/+uqmg2GWtkLT5Lle1m9LdhG2+1lvzuiUO1knEF81yFc1N+35m15kZOGodz1vyLx+v2Lseq/erxtZd/NuweCTtfiwaWLOD5FnsqI7+VnP3y8afnEs3Es/1+H1qvETwuq18B7e6VlwLup1ZM8kWWQBOsrmHL7GVtxvYRZYgQ4ywae61ffsqH5Lbq20bQm6ncp9P2ehJegwE/u+rl95ttSwLrVSc2ANetAU28dSa9Cp2E623bUG3d2VWmn/wBq0XCugQYMGLdVKoOJaoiuok1NdXSW1WAUfRPtRUllflaJf5ZE/O9pXVbZUPTov5c+IDqvtRwStdTgLutoxy6GnGfYb2o+1I2gd+1OiqzfLocvVE7TSDqG1mgodaqfQZbvZC9rXjqG1X45WzqFVKVpk0LLo4lGP0ZGD6KgMnTiITkrQgXYQrYNitHISrYrRsZPouBhdcxJdK0YnTqKTYrR2Eq1BgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRoh9DH59ag86ACoSYOL61B55EUQk1s3VqDzsNHhJpYe7QGncfMSHUxaliCHgcKSXVxeWQJehwdJdXF4dAS9DgkTKqLxuibFeiXODixNi7OrEC/BP+JtbE0WrYA/RrxKNfH2YUF6NegSbk+Gk87xtErN6EsWm88fzeMXpwE9EruLns/l42io4dJFLPo2/Po1w+D6IW7t9Bt2SPx3vOOMfS7eHVZtN54ulg2go56138Ct4XRunE2Ovsmjg46WeddUoUWr6WL0fCoIYgO2/2s91fstDZQjcPL0ePt5flpdXUwqW46uMrS1j95JNpQrW0dHp9UV/uT2m416/8HVGg3qzhpBjRo0KBBgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRo0KC/FDpx0pwUo2tOomvF6NhJdFyMVk6iVTE6cBIdeF9vJyvZx/I/AzuIjsrQvoNovwzt4FamSs0Ojrp80PmvoB0zh940pb7azf1yg7t0LIt978uppzbnalfucDW92ZndLPRmKweGPduYJ+zoM5/Dk+gD5NdvLhXXPp88qcUqmEH5G5JZRs6cuxwIAAAAAElFTkSuQmCC");
}

@media (max-width: 575.98px) {
  .auth-wrapper.auth-v1 .auth-inner:before {
    display: none;
  }
}

.auth-wrapper.auth-v1 .auth-inner:after {
  width: 272px;
  height: 272px;
  content: " ";
  position: absolute;
  bottom: -55px;
  right: -75px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARAAAAEQCAMAAABP1NsnAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAABEKADAAQAAAABAAABEAAAAAAQWxS2AAAAwFBMVEUAAAD///+AgICAgP9VVaqqVf+qqv+AgL+AgP9mZsxmZv+ZZv+AgNWAgP9tbdttbf+Sbf+AYN+AgN+AgP9xceNmZv+AZuaAZv90dOh0dP9qav+AauqAav+AgP92dv9tbf+Abe2Abf93Zu53d+6AcO94afCAcfF5a+R5a/JzZuaAZvKAc/J5bed5bfOAaPN6b/R1auqAavR6ZvV6cPV2bOuAbPV7aPZ2be2AbfZ7au17avZ3Zu53b+57a+97a/d4aO9J6CoeAAAAQHRSTlMAAQICAwMDBAQFBQUGBgcHBwgICAkKCgoLCwwMDAwNDg4ODw8QERITExQUFBUVFhcYGBkZGhobHBwdHR4eHx8gJ5uMWwAAA/FJREFUeNrt2G1XEkEYxvHZNk2xHGzdbKFl0cTwgdSkCKzu7/+t4pw6sAjtjIueE/f8r3fMO35nZnbuy5gVGcvfzJe0rnTfGI+MggGJRUZnbpPIhJKt88nU53JnFULvyISY6KAv8vPj0vr2rYwiE2Z2B9J+uNYcyyQxwWZvaeGH3G4bMjsvI/kcwTC/V+7kLoahlITzQojP3ZFgsJCh7IJQzpX0QFj4uMiY18eDMZ9bZCF9OQahnK6cm/Y7js0sh/LF3Auv1PlQd3MxbdXYIQspV44EEEAAAWTNDAYYkKdJbNMsLzYueZbaZ2iM46RVbHBaiZ9Js+nHEdli42N9XuSen5hGp1CQTuOJQDRsD99N4gMSpYWapNH6IJo83CIeILZQFesEaber79NCWRoukOpNEnW0gXQqD81w6ACxhbrYde7VuFCYeA2QRCNIsgZISyNIqz6IyhPjOjNVIFYniK3dmKU6QdLaJUimEySrDZLrBMlrgxRKU7sxCw/EMe0CAggggADySJCqxixIkKpNEh6IozELD8RxjQACCCCAAPJIkKrGLEgQXqqAAEJjxrQLCCCAAEJjRmNGY8a0CwgggABCYwYIfQgggNCYMe0CAggggNCY0ZjRmDHtAgIIIIAAQmNGHwIIIDRmTLuAAAIIIDRmNGY0Zky7gAACCCCA0JjRhwACCI0Z0y4ggAACCI0ZjRmNGdMuIIAAAgggNGb0IYAAQmPGtAsIIIAAQmNGY0ZjxrQLCCCAAAIIjRl9CCCA0Jgx7QICCCCA0JjRmNGYMe0CAggggABCY0YfAgggNGZMu4AAAgggNGY0ZjRmTLuAAAIIIIDQmNGHAAIIjRnTLiCAAAIIjRmNGY0ZIEy7gAACCCA0ZvQhgABCY8a0CwgggABCY0ZjBgiNGdMuIIAAAgiN2f/Sh+Q6PfLaIJlOkKw2SKoTJK3dmFmdILb2tBvrBIlrg5iWRo+WqQ+SaARJ1gCJAzsxThCN16p1vNurGjNjoo42j07kAHFskoY2kEbl33U0ZgoPjXW+Rl0gkarnahqtDaJKxMPDDWIiNafGenh4gExvVhXfmk7Da6L1AVGxSby2h6MxK79Zk42ea1pJbJ48sU2zDezQ8iy1z6BBwoyjMQsvXp8YQAAhgADilRfyy+wf8WqZZUfGZihvgZiB3FybC+kCUU5XLkAo50C+gbBQdUzkAIVyejIAYfFTI1solHP2HgNCnHn5AYNy4jvpoVB6fVzL91cwzLJ9Lfd7S0jhehxO5H5/yePr1W6gHonI7fJ5ORSR/n6Q2yQanq763zuXU5LJZRKiyD/W9/pjkdPZz0/yJ8fqVyry+qQZDMjJKoDfy8bRVhHhQTwAAAAASUVORK5CYII=");
  z-index: -1;
}

@media (max-width: 575.98px) {
  .auth-wrapper.auth-v1 .auth-inner:after {
    display: none;
  }
}

.auth-wrapper.auth-v2 {
  align-items: flex-start;
}

.auth-wrapper.auth-v2 .auth-inner {
  height: 100vh;
  overflow-y: auto;
  height: calc(var(--vh, 1vh) * 100);
}

.auth-wrapper.auth-v2 .brand-logo {
  position: absolute;
  top: 2rem;
  left: 2rem;
  margin: 0;
  z-index: 1;
}

.auth-wrapper.auth-v1 .auth-inner {
  max-width: 400px;
}

.auth-wrapper .brand-logo {
  display: flex;
  justify-content: center;
  margin: 1rem 0 2rem 0;
}

.auth-wrapper .brand-logo .brand-text {
  font-weight: 600;
}

.auth-wrapper .auth-footer-btn .btn {
  padding: 0.6rem !important;
}

.auth-wrapper .auth-footer-btn .btn:not(:last-child) {
  margin-right: 1rem;
}

@media (min-width: 1200px) {
  .auth-wrapper.auth-v2 .auth-card {
    width: 400px;
  }
}

.auth-wrapper .auth-bg {
  background-color: #FFFFFF;
}

.dark-layout .auth-wrapper .auth-bg {
  background-color: #283046;
}

@media (max-height: 625px) {
  .dark-layout .auth-wrapper .auth-inner {
    background-color: #283046;
  }

  .auth-wrapper .auth-bg {
    padding-top: 3rem;
  }

  .auth-wrapper .auth-inner {
    background-color: #FFFFFF;
    padding-bottom: 1rem;
  }

  .auth-wrapper.auth-v2 .brand-logo {
    width: 100%;
    display: flex;
    justify-content: unset;
    position: relative;
    left: 0;
    padding-left: 1.5rem;
  }
}

.brand-logo svg {
  height: 28px;
  width: 40.95px;
}

.auth-password-input {
  position: relative;
}

.auth-password-input__field {
  border-radius: 0.5rem !important;
  padding-right: calc(0.857rem + 1.5rem) !important;
}

.auth-password-input__field.is-invalid {
  padding-right: calc(0.857rem + 1.5rem + calc(calc(0.725em + 0.438rem) + calc(0.3625em + 0.219rem))) !important;
}

.auth-password-input__toggle {
  position: absolute;
  top: 50%;
  right: 0.857rem;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  padding: 0;
  border: 0;
  background: transparent;
  color: #b9b9c3;
  line-height: 1;
  cursor: pointer;
  z-index: 2;
  transition: right 0.15s ease;
}

.auth-password-input__toggle:focus {
  outline: none;
}

.auth-password-input.is-invalid .auth-password-input__toggle,
.auth-password-input__field.is-invalid ~ .auth-password-input__toggle {
  right: calc(0.857rem + calc(calc(0.725em + 0.438rem) + calc(0.3625em + 0.219rem)));
}

.auth-password-input:focus-within .auth-password-input__field {
  border-color: #2980b9;
  box-shadow: 0 3px 10px 0 rgba(34, 41, 47, 0.1);
}

.auth-password-input.is-invalid .auth-password-input__field {
  border-color: #ea5455;
}

table.vgt-table {
  font-size: 12px !important;
}

.version-popup-changes {
  padding: 0;
  text-align: left;
}

.version-popup-header {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem 0.75rem;
  margin-bottom: 0.5rem;
}

.version-popup-version {
  font-variant-numeric: tabular-nums;
}

.version-popup-date {
  color: #b9b9c3;
  font-size: 0.857rem;
  font-variant-numeric: tabular-nums;
}

.version-popup-messages {
  list-style: disc;
  padding-left: 1.1rem;
  margin: 0;
}

.version-popup-message {
  color: #6e6b7b;
  line-height: 1.45;
}

.version-popup-message + .version-popup-message {
  margin-top: 0.35rem;
}

.swal2-container .swal2-popup {
  border-radius: 0.72rem;
  padding-bottom: 1.5rem;
}

.swal2-container .swal2-popup .swal2-close:focus {
  outline: none;
  box-shadow: none;
}

.swal2-container .swal2-popup .swal2-content {
  color: #6e6b7b;
}

.swal2-container .swal2-popup .swal2-title {
  font-size: 1.5rem;
  font-weight: inherit;
  color: #5e5873;
}

.swal2-container .swal2-popup button.swal2-confirm:focus {
  box-shadow: none;
}

.swal2-container .swal2-popup input.swal2-input {
  height: 2.714rem;
  font-size: 1rem;
  padding: 0.438rem 0.857rem;
  color: #6e6b7b;
  border-color: #d8d6de;
  border-radius: 0.72rem;
  line-height: 1.45;
}

.swal2-container .swal2-popup input.swal2-input:focus {
  border-color: #2980b9 !important;
  box-shadow: 0 3px 10px 0 rgba(34, 41, 47, 0.1);
}

.swal2-container .swal2-popup .swal2-progress-steps .swal2-progress-step {
  background-color: #2980b9;
}

.swal2-container .swal2-popup .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line,
.swal2-container .swal2-popup .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step {
  background-color: #55a5d9;
}

.swal2-container .swal2-popup .swal2-progress-steps .swal2-progress-step-line {
  background-color: #2980b9;
}

.swal2-container .swal2-popup pre {
  min-height: 1.35rem;
  margin-top: 0.5rem;
}

.swal2-container .swal2-popup .swal2-footer {
  border-color: #e3e8ee;
  color: #6e6b7b;
}

.swal2-container .swal2-popup.version-update-popup {
  width: clamp(40rem, 60vw, 75rem);
  max-width: calc(100vw - 2rem);
  padding: 1.5rem 1.75rem 1.25rem;
  border-radius: 0.72rem !important;
  overflow: hidden;
  text-align: left;
  justify-items: start;
}

.swal2-container .swal2-popup.version-update-popup .swal2-content {
  padding: 0;
  width: 100%;
  text-align: left;
}

.swal2-container .swal2-popup.version-update-popup .version-update-popup__html {
  text-align: left;
  margin: 0;
  padding: 0;
  overflow: visible;
  width: 100%;
}

.swal2-container .swal2-popup.version-update-popup .version-popup-head-row {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}

.swal2-container .swal2-popup.version-update-popup .version-popup-icon {
  flex: 0 0 auto;
  width: 48px;
  height: 48px;
}

.swal2-container .swal2-popup.version-update-popup .version-popup-title {
  font-size: 1.43rem;
  font-weight: 600;
  color: #5e5873;
  line-height: 1.35;
}

.swal2-container .swal2-popup.version-update-popup .version-update-popup__actions,
.swal2-container .swal2-popup.version-update-popup .swal2-actions {
  justify-content: flex-start;
  width: 100%;
  margin: 1.25rem 0 0;
  padding: 0;
}

.swal2-container .swal2-popup.version-update-popup .version-popup-intro {
  color: #6e6b7b;
  line-height: 1.45;
  margin: 0 0 1rem 1.25rem;
  text-align: left;
}

.swal2-container .swal2-popup.version-update-popup .version-popup-changes {
  margin-left: 1.25rem;
}

.swal2-container .swal2-popup.version-update-popup .version-popup-entries {
  max-height: min(24rem, 45vh);
  overflow-y: auto;
  padding-right: 0.5rem;
}

.swal2-container .swal2-popup.version-update-popup .version-popup-entries .version-popup-changes + .version-popup-changes {
  margin-top: 1rem;
}

.swal2-container .swal2-popup.version-update-popup .version-popup-remaining {
  color: #b9b9c3;
  font-size: 0.857rem;
  margin: 0.5rem 0 0 1.1rem;
}

.swal2-container .swal2-popup.version-update-popup .version-popup-more {
  display: inline-block;
  margin: 1rem 0 0 1.25rem;
  color: #2980b9 !important;
  font-size: 0.857rem;
  font-weight: 500;
  text-decoration: none;
}

.swal2-container .swal2-popup.version-update-popup .version-popup-more:hover,
.swal2-container .swal2-popup.version-update-popup .version-popup-more:focus {
  color: #226998 !important;
  text-decoration: underline;
}

.dark-layout .version-popup-message {
  color: #b4b7bd;
}

.dark-layout .version-popup-date {
  color: #676d7d;
}

.dark-layout .swal2-container .swal2-popup .swal2-title {
  color: #d0d2d6;
}

.dark-layout .swal2-container .swal2-popup.version-update-popup .version-popup-title {
  color: #d0d2d6;
}

.dark-layout .swal2-container .swal2-popup.version-update-popup .version-popup-more {
  color: #2980b9 !important;
}

.dark-layout .swal2-container .swal2-popup.version-update-popup .version-popup-more:hover,
.dark-layout .swal2-container .swal2-popup.version-update-popup .version-popup-more:focus {
  color: #3896d3 !important;
}

.dark-layout .swal2-container .swal2-popup.version-update-popup .version-popup-intro {
  color: #b4b7bd;
}

.dark-layout .swal2-container .swal2-popup.version-update-popup .version-popup-remaining {
  color: #676d7d;
}

.dark-layout .swal2-container .swal2-modal {
  background-color: #283046;
}

.dark-layout .swal2-container .swal2-modal .swal2-header .swal2-title {
  color: #d0d2d6;
}

.dark-layout .swal2-container .swal2-modal .swal2-header .swal2-icon-text {
  color: inherit;
}

.dark-layout .swal2-container .swal2-modal .swal2-header .swal2-success-circular-line-left,
.dark-layout .swal2-container .swal2-modal .swal2-header .swal2-success-circular-line-right,
.dark-layout .swal2-container .swal2-modal .swal2-header .swal2-success-fix,
.dark-layout .swal2-container .swal2-modal .swal2-header .swal2-animate-success-icon {
  background-color: #283046 !important;
}

.dark-layout .swal2-container .swal2-modal input.swal2-input {
  border-color: #3b4253;
  color: #b4b7bd;
}

.dark-layout .swal2-container .swal2-modal .swal2-content,
.dark-layout .swal2-container .swal2-modal .swal2-html-container {
  color: #b4b7bd;
}

.dark-layout .swal2-container .swal2-modal pre,
.dark-layout .swal2-container .swal2-modal code {
  color: #b4b7bd;
}

.dark-layout .swal2-container .swal2-modal .swal2-input {
  background-color: #283046;
}

.dark-layout .swal2-container .swal2-modal .swal2-footer {
  border-color: #3b4253;
  color: #b4b7bd;
}

.dark-layout .swal2-container .swal2-validation-message {
  background-color: #161d31;
  color: #b4b7bd;
}

.swal2-container .swal2-popup.swal2-modal.version-update-popup {
  border-radius: 0.72rem !important;
  overflow: hidden;
}

html[dir=rtl] .swal2-rtl .swal2-close {
  left: 0;
  right: auto;
}

.swal2-actions {
  gap: 0.75rem;
}

.swal2-actions .swal2-styled,
.swal2-actions .btn {
  margin-left: 0;
}

/*=========================================================================================
    File Name: ext-component-swiper.scss
    Description: swiper plugin scss.
    ----------------------------------------------------------------------------------------
    Item Name: Vuexy - Vuejs, React, Angular, HTML & Laravel Admin Dashboard Template
    Author: PIXINVENT
    Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/

table.vgt-table {
  font-size: 12px !important;
}

/* Swiper css */

/* ---------- */

/* swiper slide shadow */

.swiper-container .swiper-shadow {
  box-shadow: 2px 8px 10px 0 rgba(25, 42, 70, 0.13) !important;
}

.swiper-pagination .swiper-pagination-bullet:focus {
  outline: none;
}

.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #2980b9;
}

.swiper-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background-color: #2980b9;
}

.swiper-centered-slides.swiper-container .swiper-slide {
  text-align: center;
  font-weight: 500;
  background-color: #FFFFFF;
  height: auto;
  width: auto !important;
  padding: 2rem 5.5rem;
  cursor: pointer;
}

.swiper-centered-slides.swiper-container .swiper-slide.swiper-slide-active {
  border: 2px solid #2980b9;
}

.swiper-centered-slides.swiper-container .swiper-slide.swiper-slide-active i,
.swiper-centered-slides.swiper-container .swiper-slide.swiper-slide-active svg {
  color: #2980b9;
}

.swiper-centered-slides .swiper-button-next:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-right'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E");
}

.swiper-centered-slides .swiper-button-prev:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-left'%3E%3Cpolyline points='15 18 9 12 15 6'%3E%3C/polyline%3E%3C/svg%3E");
}

.swiper-centered-slides .swiper-button-next,
.swiper-centered-slides .swiper-button-prev {
  height: 40px !important;
  width: 40px !important;
}

.swiper-centered-slides .swiper-button-next:after,
.swiper-centered-slides .swiper-button-prev:after {
  border-radius: 50%;
  background-color: #2980b9;
  box-shadow: 0 2px 4px 0 rgba(34, 41, 47, 0.5) !important;
  background-size: 24px !important;
  height: 40px !important;
  width: 40px !important;
}

.swiper-centered-slides.swiper-container-rtl .swiper-button-next:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-left'%3E%3Cpolyline points='15 18 9 12 15 6'%3E%3C/polyline%3E%3C/svg%3E");
}

.swiper-centered-slides.swiper-container-rtl .swiper-button-prev:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-right'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E");
}

.swiper-centered-slides-2.swiper-container .swiper-slide {
  font-weight: 500;
  background-color: #f2f4f4;
  height: auto;
  width: auto !important;
  cursor: pointer;
}

.swiper-centered-slides-2.swiper-container .swiper-slide.swiper-slide-active {
  color: #FFFFFF;
  background-color: #2980b9 !important;
  box-shadow: 0 3px 6px 0 rgba(41, 128, 185, 0.5) !important;
}

/* cube effect */

.swiper-cube-effect.swiper-container {
  width: 300px;
  left: 50%;
  margin-left: -150px;
  margin-top: -12px;
}

/* swiper coverflow slide width */

.swiper-coverflow.swiper-container .swiper-slide {
  width: 300px;
}

.gallery-thumbs {
  padding: 10px 0;
  background: #22292f;
}

.gallery-thumbs .swiper-slide {
  opacity: 0.4;
}

.gallery-thumbs .swiper-slide-thumb-active {
  opacity: 1;
}

.swiper-parallax .swiper-slide {
  padding: 2.67rem 4rem;
}

.swiper-parallax .swiper-slide .title {
  font-size: 1.07rem;
  padding: 0.5rem 0;
}

.swiper-parallax .swiper-slide .text {
  font-size: 1rem;
}

.swiper-parallax .parallax-bg {
  position: absolute;
  width: 130%;
}

.swiper-virtual.swiper-container {
  height: 300px;
}

.swiper-virtual.swiper-container .swiper-slide {
  /* virtual slides  */
  font-size: 1.5rem;
  background-color: #eee;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-button-prev,
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: none;
  color: #FFFFFF;
  width: 38px;
  font-size: 2rem;
}

.swiper-button-prev:focus,
.swiper-button-next:focus,
.swiper-container-rtl .swiper-button-prev:focus,
.swiper-container-rtl .swiper-button-next:focus {
  outline: none;
}

.swiper-button-prev:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232980b9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-left'%3E%3Cpolyline points='15 18 9 12 15 6'%3E%3C/polyline%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 44px;
  color: #6e6b7b;
  width: 44px;
  height: 44px;
  content: "";
  padding-right: 1px;
}

.swiper-button-next:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232980b9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-right'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 44px;
  color: #6e6b7b;
  width: 44px;
  height: 44px;
  content: "";
  padding-right: 2px;
}

.swiper-container-rtl .swiper-button-prev:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232980b9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-right'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 44px;
  color: #6e6b7b;
  width: 44px;
  height: 44px;
  content: "";
}

.swiper-container-rtl .swiper-button-next:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232980b9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-left'%3E%3Cpolyline points='15 18 9 12 15 6'%3E%3C/polyline%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 44px;
  color: #6e6b7b;
  width: 44px;
  height: 44px;
  content: "";
}

@media only screen and (max-width: 768px) {
  .swiper-button-prev {
    font-size: 1.286rem;
    top: 55%;
  }

  .swiper-button-prev:after {
    height: 28px;
    width: 28px;
    background-size: 24px;
  }

  .swiper-button-next {
    font-size: 1.286rem;
    top: 55%;
  }

  .swiper-button-next:after {
    background-size: 24px;
  }

  .swiper-centered-slides .swiper-button-next:after,
  .swiper-centered-slides .swiper-button-prev:after {
    height: 28px;
    width: 28px;
    background-size: 18px;
  }

  .swiper-parallax .swiper-slide {
    padding: 1rem 1.2rem;
  }

  .swiper-parallax img {
    height: 100% !important;
  }
}

@media only screen and (max-width: 576px) {
  .swiper-centered-slides.swiper-container .swiper-slide {
    padding: 1.6rem 2.5rem;
  }

  .swiper-centered-slides.swiper-container .swiper-slide i,
  .swiper-centered-slides.swiper-container .swiper-slide svg {
    height: 1.07rem !important;
    width: 1.07rem !important;
    font-size: 1.07rem !important;
  }

  .swiper-cube-effect.swiper-container {
    width: 150px;
    left: 70%;
  }

  .swiper-parallax .swiper-slide {
    padding: 1rem 1.3rem;
  }

  .swiper-virtual.swiper-container .swiper-slide {
    font-size: 1rem;
  }
}

.dark-layout .swiper-container:not(.swiper-parallax) .swiper-slide {
  background-color: #161d31;
}

.dark-layout .swiper-container.swiper-centered-slides .swiper-slide {
  background-color: #283046;
}

.dark-layout .swiper-container.swiper-parallax .swiper-slide * {
  color: #6e6b7b;
}

.swiper-slide.swiper-slide-active {
  opacity: 1;
}

.account-search-select__menu.vs__dropdown-menu {
  border-radius: 0.5rem;
  box-shadow: 0 5px 25px 0 rgba(34, 41, 47, 0.1);
}

.account-search-select__menu.vs__dropdown-menu .vs__dropdown-option {
  padding: 0.5rem 0.75rem;
  border-bottom: 1px solid #ebe9f1;
}

.account-search-select__menu.vs__dropdown-menu .vs__dropdown-option:last-child {
  border-bottom: none;
}

.account-search-select__menu.vs__dropdown-menu .vs__dropdown-option--highlight:not(.vs__dropdown-option--selected) {
  background-color: rgba(41, 128, 185, 0.08);
  color: #5e5873;
}

.purchase-item-account.v-select {
  flex: 0 0 auto;
  width: 104px;
}

.purchase-item-account.v-select:only-child {
  flex: 1 1 104px;
  width: auto;
}

.sales-item-account.v-select {
  min-width: 104px;
}

.account-search-select-option {
  display: flex;
  align-items: baseline;
  gap: 0.6rem;
}

.account-search-select-option__number {
  flex: 0 0 3.2rem;
  font-variant-numeric: tabular-nums;
}

.bordered-layout .card,
.custom-layout .card {
  box-shadow: 0 1px 2px 0 rgba(34, 41, 47, 0.06), 0 4px 16px 0 rgba(34, 41, 47, 0.08) !important;
  border-radius: 0.72rem !important;
}

.card {
  overflow: hidden;
}

.card-code pre[class*=language-] {
  margin: 0;
  max-height: 350px;
  border-radius: 0.5rem;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}

.card-code pre[class*=language-] ::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background: #2d2d2d;
  border-radius: 100%;
}

.dark-layout .card-code pre[class*=language-] ::-webkit-scrollbar {
  background-color: #161d31 !important;
}

.card-code pre[class*=language-] ::-webkit-scrollbar-track {
  background: transparent;
}

.card-code pre[class*=language-] ::-webkit-scrollbar-thumb {
  border-radius: 0.5rem;
  background: rgba(241, 241, 241, 0.4);
}

.card-code pre[class*=language-] ::-webkit-scrollbar-corner {
  display: none;
}

.code-toggler {
  border-bottom: 1px solid transparent;
}

.code-toggler[aria-expanded=false] {
  border-bottom-color: #2980b9;
}

.card .card-header .heading-elements {
  position: static;
  background: red;
}

.swal-overlay {
  position: fixed;
  inset: 0;
  background-color: rgba(34, 41, 47, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  z-index: 10000;
}

.swal-modal {
  background-color: #ffffff;
  color: #6e6b7b;
  border-radius: 0.6rem;
  text-align: center;
  width: 400px;
  max-width: 100%;
  box-shadow: 0 5px 25px 0 rgba(34, 41, 47, 0.1);
  position: relative;
  opacity: 0;
  transform: scale(0.7);
}

.swal-modal:focus {
  outline: none;
}

.swal-modal-wrap {
  padding: 1.5rem;
}

.swal-show {
  animation: swal-fade-in 0.3s ease forwards;
}

.swal-hide {
  animation: swal-fade-out 0.3s ease forwards;
}

.swal-icon {
  margin: 0 auto 1rem auto;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  border: 3px solid #ff9f43;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ff9f43;
}

.swal-icon i {
  font-size: 26px;
  line-height: 1;
}

.swal-icon.swal-icon-danger {
  border-color: #ea5455;
  color: #ea5455;
}

.swal-title {
  margin-bottom: 1.5rem;
  font-weight: 600;
}

.swal-title h5 {
  margin-bottom: 0;
  color: #5e5873;
}

.swal-details {
  margin: -0.75rem 0 1.5rem;
  padding-left: 1.15rem;
  max-height: 15rem;
  overflow-y: auto;
  text-align: left;
  list-style: disc;
  font-size: 0.9rem;
  color: #6e6b7b;
}

.swal-details li + li {
  margin-top: 0.35rem;
}

.swal-actions {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
}

@keyframes swal-fade-in {
  from {
    transform: scale(0.7);
    opacity: 0;
  }

  to {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes swal-fade-out {
  from {
    transform: scale(1);
    opacity: 1;
  }

  to {
    transform: scale(0.7);
    opacity: 0;
  }
}

.dark-layout .swal-overlay {
  background-color: rgba(0, 0, 0, 0.7);
}

.dark-layout .swal-modal {
  background-color: #283046;
  color: #b4b7bd;
}

.dark-layout .swal-title h5 {
  color: #d0d2d6;
}

@media (prefers-reduced-motion: reduce) {
  .swal-show,
  .swal-hide {
    animation: none;
    opacity: 1;
    transform: none;
  }
}

.custom-table-search {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 440px;
  height: 2.714rem;
  padding: 0;
  border: 1px solid #d8d6de;
  border-radius: 0.5rem;
  background: #ffffff;
  box-shadow: none;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.custom-table-search ::-moz-placeholder {
  color: #716e87 !important;
  opacity: 1;
}

.custom-table-search ::placeholder {
  color: #716e87 !important;
  opacity: 1;
}

.custom-table-search ::-ms-input-placeholder {
  color: #716e87 !important;
}

.custom-table-search input,
.custom-table-search button.search-input {
  height: 100%;
  padding-left: 34px !important;
  padding-right: 34px !important;
  border: none;
  border-radius: inherit;
  background: transparent !important;
  box-shadow: none !important;
}

.custom-table-search input:active,
.custom-table-search input:focus,
.custom-table-search button.search-input:active,
.custom-table-search button.search-input:focus {
  background: transparent !important;
  box-shadow: none !important;
}

.custom-table-search:focus-within,
.custom-table-search.input-clicked {
  border-color: #2980b9;
  box-shadow: 0 3px 10px 0 rgba(34, 41, 47, 0.1);
}

.custom-table-search .search-icon-header,
.custom-table-search .filter-icon-header {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  color: #716e87;
  transition: color 0.15s ease-in-out;
}

.custom-table-search .search-icon-header {
  left: 12px;
}

.custom-table-search .filter-icon-header {
  right: 12px;
}

.custom-table-search .filter-icon-header:hover {
  color: #2980b9;
}

.custom-table-search button.filter-icon-header {
  padding: 0;
  border: 0;
  background: transparent;
  line-height: 1;
}

.custom-table-search button.filter-icon-header:focus-visible {
  outline: 2px solid #2980b9;
  outline-offset: 3px;
  border-radius: 0.25rem;
}

.custom-table-search:focus-within .search-icon-header,
.custom-table-search.input-clicked .search-icon-header {
  color: #2980b9;
}

.dark-layout .custom-table-search {
  background: #283046;
  border-color: #404656;
}

.dark-layout .custom-table-search ::-moz-placeholder {
  color: #676d7d !important;
}

.dark-layout .custom-table-search ::placeholder,
.dark-layout .custom-table-search .search-icon-header,
.dark-layout .custom-table-search .filter-icon-header {
  color: #676d7d !important;
}

.dark-layout .custom-table-search:focus-within,
.dark-layout .custom-table-search.input-clicked {
  border-color: #2980b9;
}

.dark-layout .custom-table-search:focus-within .search-icon-header,
.dark-layout .custom-table-search.input-clicked .search-icon-header {
  color: #2980b9 !important;
}

.custom-table {
  font-weight: 400;
}

.custom-table a {
  color: #2980b9 !important;
}

.custom-table a:hover {
  text-decoration: underline !important;
}

.custom-table .btn {
  color: inherit !important;
}

.custom-table .btn:hover {
  text-decoration: none !important;
}

.custom-table .header-table {
  position: relative;
}

.custom-table .header-table .p12 {
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  color: inherit;
}

.custom-table-container {
  position: relative;
  overflow: visible;
}

.custom-table-container .table:not(.table-dark):not(.table-light) thead:not(.thead-dark) th,
.custom-table-container .table:not(.table-dark):not(.table-light) tfoot:not(.thead-dark) th {
  border-top: 0;
}

.custom-table-container .table {
  color: #39393a;
  font-weight: 400;
}

.custom-table-container .table th,
.custom-table-container .table td {
  padding: 4px 8px;
}

.custom-table-container .table th:first-child:not(.text-center),
.custom-table-container .table td:first-child:not(.text-center) {
  padding-left: 0;
}

.custom-table-container .table th:last-child:not(.text-center),
.custom-table-container .table td:last-child:not(.text-center) {
  padding-right: 0;
}

.custom-table-empty {
  display: block;
  padding: 1.25rem 0;
  color: #6e6b7b;
}

.dark-layout .custom-table-empty {
  color: #b4b7bd;
}

.custom-table-scroll-host-wrap {
  position: relative;
  height: 100%;
  min-height: 0;
}

.custom-table-scroll-hint {
  position: absolute;
  pointer-events: none;
  z-index: 9;
  display: flex;
}

.custom-table-scroll-hint--top,
.custom-table-scroll-hint--bottom {
  left: 0;
  right: 0;
  height: 2.75rem;
  justify-content: center;
}

.custom-table-scroll-hint--top {
  align-items: flex-start;
  padding-top: 0.35rem;
}

.custom-table-scroll-hint--bottom {
  bottom: 0;
  align-items: flex-end;
  padding-bottom: 0.35rem;
}

.custom-table-scroll-hint--left,
.custom-table-scroll-hint--right {
  top: 0;
  bottom: 0;
  width: 2.75rem;
  align-items: center;
}

.custom-table-scroll-hint--left {
  left: 0;
  justify-content: flex-start;
  padding-left: 0.35rem;
}

.custom-table-scroll-hint--right {
  right: 0;
  justify-content: flex-end;
  padding-right: 0.35rem;
}

.custom-table-scroll-hint__fade {
  position: absolute;
  inset: 0;
}

.custom-table-scroll-hint--top .custom-table-scroll-hint__fade {
  background: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.88) 55%, #ffffff 100%);
}

.custom-table-scroll-hint--bottom .custom-table-scroll-hint__fade {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.88) 55%, #ffffff 100%);
}

.custom-table-scroll-hint--left .custom-table-scroll-hint__fade {
  background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.88) 55%, #ffffff 100%);
}

.custom-table-scroll-hint--right .custom-table-scroll-hint__fade {
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.88) 55%, #ffffff 100%);
}

.custom-table-scroll-hint__icon {
  position: relative;
  z-index: 1;
  color: #2980b9;
  font-size: 0.875rem;
  line-height: 1;
}

.custom-table-scroll-hint__icon--down {
  animation: custom-table-scroll-hint-bounce-down 1.4s ease-in-out infinite;
}

.custom-table-scroll-hint__icon--up {
  animation: custom-table-scroll-hint-bounce-up 1.4s ease-in-out infinite;
}

.custom-table-scroll-hint__icon--left {
  animation: custom-table-scroll-hint-bounce-left 1.4s ease-in-out infinite;
}

.custom-table-scroll-hint__icon--right {
  animation: custom-table-scroll-hint-bounce-right 1.4s ease-in-out infinite;
}

@keyframes custom-table-scroll-hint-bounce-down {
  0%, 100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(3px);
  }
}

@keyframes custom-table-scroll-hint-bounce-up {
  0%, 100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-3px);
  }
}

@keyframes custom-table-scroll-hint-bounce-left {
  0%, 100% {
    transform: translateX(0);
  }

  50% {
    transform: translateX(-3px);
  }
}

@keyframes custom-table-scroll-hint-bounce-right {
  0%, 100% {
    transform: translateX(0);
  }

  50% {
    transform: translateX(3px);
  }
}

@keyframes custom-table-skeleton-loading {
  0% {
    left: -150px;
  }

  100% {
    left: 100%;
  }
}

.sort-icon {
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translate(0%, -50%);
  font-size: 1rem;
  opacity: 0.45;
  transition: opacity 0.2s ease;
  width: 20px;
}

.sort-icon div {
  display: grid;
}

.sort-icon.hover-visible {
  opacity: 0.75;
}

.sort-icon.clicked-visible {
  opacity: 1;
}

.sort-icon i {
  line-height: 8px;
  cursor: pointer;
}

.filter-icon-wrapper {
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: -8px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  margin-left: 0 !important;
  z-index: 2;
}

.filter-icon-wrapper.filter-icon-with-sort {
  right: 30px;
}

.header-filter-dropdown {
  position: absolute;
  z-index: 300000;
  text-transform: none;
}

.header-content-base {
  padding: 4px 7px 4px 0 !important;
}

.header-content-icons-one {
  padding-right: 26px !important;
}

.header-content-icons-two {
  padding-right: 46px !important;
}

.filter-checkbox-list {
  max-height: 220px;
  overflow-y: auto;
}

.bg-gray {
  background-color: #f3f2f7;
}

.truncate-multiline {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.label-transition {
  transition: transform 0.25s ease;
}

.label-transition.shift-left {
  transform: translateX(-20px);
}

.scrollable-indicator {
  position: relative;
  cursor: grab;
}

.custom-table-footer-label {
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: #6e6b7b;
  white-space: nowrap;
}

.dark-layout .custom-table-footer-label {
  color: #b4b7bd;
}

@media (max-width: 575.98px) {
  .custom-table--stacked .custom-table {
    overflow-x: hidden;
  }

  .custom-table--stacked table,
  .custom-table--stacked tbody,
  .custom-table--stacked tfoot {
    display: block;
    width: 100%;
  }

  .custom-table--stacked thead {
    display: none;
  }

  .custom-table--stacked tbody tr {
    display: block;
    padding: 0.6rem 0;
    border-bottom: 1px solid #eeedf3;
  }

  .custom-table--stacked tbody tr:last-child {
    border-bottom: 0;
  }

  .custom-table--stacked tbody td {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
    width: 100%;
    max-width: none !important;
    border: 0;
    padding: 0.15rem 0;
    text-align: right;
  }

  .custom-table--stacked tbody td:empty {
    display: none;
  }

  .custom-table--stacked tbody td::before {
    content: attr(data-label);
    flex: 0 0 auto;
    font-size: 0.82rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    color: #6e6b7b;
    text-align: left;
  }

  .custom-table--stacked tbody td[data-label=""]::before,
  .custom-table--stacked tbody td:not([data-label])::before {
    content: none;
  }

  .custom-table--stacked tfoot tr {
    display: block;
  }

  .custom-table--stacked tfoot td {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    width: 100%;
    padding: 0.15rem 0;
    border: 0;
  }

  .custom-table--stacked tfoot td:empty {
    display: none;
  }

  .dark-layout .custom-table--stacked tbody tr {
    border-bottom-color: #3b4253;
  }

  .dark-layout .custom-table--stacked tbody td::before {
    color: #b4b7bd;
  }
}

.document-sent-lock {
  color: #ff9f43;
  font-size: 0.95rem;
  cursor: help;
}

.custom-report-header__row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
}

.custom-report-header__company {
  flex: 0 0 auto;
  max-width: 350px;
}

.custom-report-header__custom-data {
  flex: 0 1 auto;
  min-width: 0;
  margin-left: auto;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  -moz-column-gap: 28px;
       column-gap: 28px;
  justify-items: end;
  align-items: start;
}

.custom-report-header__custom-data > div:nth-child(1),
.custom-report-header__custom-data > div:nth-child(2) {
  display: contents !important;
}

.custom-report-header__custom-data > div:nth-child(1) > * {
  font-weight: 700;
}

.custom-report-header__custom-data > div:nth-child(2) > * {
  min-width: 0;
  text-align: right;
  word-break: normal;
  overflow-wrap: break-word;
}

.custom-report-header__custom-data > div:nth-child(1) > *:nth-child(1) {
  grid-column: 1;
  grid-row: 1;
}

.custom-report-header__custom-data > div:nth-child(2) > *:nth-child(1) {
  grid-column: 2;
  grid-row: 1;
}

.custom-report-header__custom-data > div:nth-child(1) > *:nth-child(2) {
  grid-column: 1;
  grid-row: 2;
}

.custom-report-header__custom-data > div:nth-child(2) > *:nth-child(2) {
  grid-column: 2;
  grid-row: 2;
}

.custom-report-header__custom-data > div:nth-child(1) > *:nth-child(3) {
  grid-column: 1;
  grid-row: 3;
}

.custom-report-header__custom-data > div:nth-child(2) > *:nth-child(3) {
  grid-column: 2;
  grid-row: 3;
}

.custom-report-header__custom-data > div:nth-child(1) > *:nth-child(4) {
  grid-column: 1;
  grid-row: 4;
}

.custom-report-header__custom-data > div:nth-child(2) > *:nth-child(4) {
  grid-column: 2;
  grid-row: 4;
}

.custom-report-header__custom-data > div:nth-child(1) > *:nth-child(5) {
  grid-column: 1;
  grid-row: 5;
}

.custom-report-header__custom-data > div:nth-child(2) > *:nth-child(5) {
  grid-column: 2;
  grid-row: 5;
}

.custom-report-header__custom-data > div:nth-child(1) > *:nth-child(6) {
  grid-column: 1;
  grid-row: 6;
}

.custom-report-header__custom-data > div:nth-child(2) > *:nth-child(6) {
  grid-column: 2;
  grid-row: 6;
}

.custom-report-header__custom-data > div:nth-child(1) > *:nth-child(7) {
  grid-column: 1;
  grid-row: 7;
}

.custom-report-header__custom-data > div:nth-child(2) > *:nth-child(7) {
  grid-column: 2;
  grid-row: 7;
}

.custom-report-header__custom-data > div:nth-child(1) > *:nth-child(8) {
  grid-column: 1;
  grid-row: 8;
}

.custom-report-header__custom-data > div:nth-child(2) > *:nth-child(8) {
  grid-column: 2;
  grid-row: 8;
}

.custom-report-header__custom-data > div:nth-child(1) > *:nth-child(9) {
  grid-column: 1;
  grid-row: 9;
}

.custom-report-header__custom-data > div:nth-child(2) > *:nth-child(9) {
  grid-column: 2;
  grid-row: 9;
}

.custom-report-header__custom-data > div:nth-child(1) > *:nth-child(10) {
  grid-column: 1;
  grid-row: 10;
}

.custom-report-header__custom-data > div:nth-child(2) > *:nth-child(10) {
  grid-column: 2;
  grid-row: 10;
}

.custom-report-header__custom-data > div:nth-child(1) > *:nth-child(11) {
  grid-column: 1;
  grid-row: 11;
}

.custom-report-header__custom-data > div:nth-child(2) > *:nth-child(11) {
  grid-column: 2;
  grid-row: 11;
}

.custom-report-header__custom-data > div:nth-child(1) > *:nth-child(12) {
  grid-column: 1;
  grid-row: 12;
}

.custom-report-header__custom-data > div:nth-child(2) > *:nth-child(12) {
  grid-column: 2;
  grid-row: 12;
}

.custom-report-header__custom-data > div:nth-child(1) > *:nth-child(13) {
  grid-column: 1;
  grid-row: 13;
}

.custom-report-header__custom-data > div:nth-child(2) > *:nth-child(13) {
  grid-column: 2;
  grid-row: 13;
}

.custom-report-header__custom-data > div:nth-child(1) > *:nth-child(14) {
  grid-column: 1;
  grid-row: 14;
}

.custom-report-header__custom-data > div:nth-child(2) > *:nth-child(14) {
  grid-column: 2;
  grid-row: 14;
}

.custom-report-header__custom-data > div:nth-child(1) > *:nth-child(15) {
  grid-column: 1;
  grid-row: 15;
}

.custom-report-header__custom-data > div:nth-child(2) > *:nth-child(15) {
  grid-column: 2;
  grid-row: 15;
}

.custom-report-header__custom-data > div:nth-child(1) > *:nth-child(16) {
  grid-column: 1;
  grid-row: 16;
}

.custom-report-header__custom-data > div:nth-child(2) > *:nth-child(16) {
  grid-column: 2;
  grid-row: 16;
}

.custom-report-header__custom-data > div:nth-child(1) > *:nth-child(17) {
  grid-column: 1;
  grid-row: 17;
}

.custom-report-header__custom-data > div:nth-child(2) > *:nth-child(17) {
  grid-column: 2;
  grid-row: 17;
}

.custom-report-header__custom-data > div:nth-child(1) > *:nth-child(18) {
  grid-column: 1;
  grid-row: 18;
}

.custom-report-header__custom-data > div:nth-child(2) > *:nth-child(18) {
  grid-column: 2;
  grid-row: 18;
}

.custom-report-header__custom-data > div:nth-child(1) > *:nth-child(19) {
  grid-column: 1;
  grid-row: 19;
}

.custom-report-header__custom-data > div:nth-child(2) > *:nth-child(19) {
  grid-column: 2;
  grid-row: 19;
}

.custom-report-header__custom-data > div:nth-child(1) > *:nth-child(20) {
  grid-column: 1;
  grid-row: 20;
}

.custom-report-header__custom-data > div:nth-child(2) > *:nth-child(20) {
  grid-column: 2;
  grid-row: 20;
}

.custom-report-header__custom-data > div:nth-child(1) > *:nth-child(21) {
  grid-column: 1;
  grid-row: 21;
}

.custom-report-header__custom-data > div:nth-child(2) > *:nth-child(21) {
  grid-column: 2;
  grid-row: 21;
}

.custom-report-header__custom-data > div:nth-child(1) > *:nth-child(22) {
  grid-column: 1;
  grid-row: 22;
}

.custom-report-header__custom-data > div:nth-child(2) > *:nth-child(22) {
  grid-column: 2;
  grid-row: 22;
}

.custom-report-header__custom-data > div:nth-child(1) > *:nth-child(23) {
  grid-column: 1;
  grid-row: 23;
}

.custom-report-header__custom-data > div:nth-child(2) > *:nth-child(23) {
  grid-column: 2;
  grid-row: 23;
}

.custom-report-header__custom-data > div:nth-child(1) > *:nth-child(24) {
  grid-column: 1;
  grid-row: 24;
}

.custom-report-header__custom-data > div:nth-child(2) > *:nth-child(24) {
  grid-column: 2;
  grid-row: 24;
}

.custom-report-header__custom-data > div:nth-child(1) > *:nth-child(25) {
  grid-column: 1;
  grid-row: 25;
}

.custom-report-header__custom-data > div:nth-child(2) > *:nth-child(25) {
  grid-column: 2;
  grid-row: 25;
}

.custom-report-header__custom-data > div:nth-child(1) > *:nth-child(26) {
  grid-column: 1;
  grid-row: 26;
}

.custom-report-header__custom-data > div:nth-child(2) > *:nth-child(26) {
  grid-column: 2;
  grid-row: 26;
}

.custom-report-header__custom-data > div:nth-child(1) > *:nth-child(27) {
  grid-column: 1;
  grid-row: 27;
}

.custom-report-header__custom-data > div:nth-child(2) > *:nth-child(27) {
  grid-column: 2;
  grid-row: 27;
}

.custom-report-header__custom-data > div:nth-child(1) > *:nth-child(28) {
  grid-column: 1;
  grid-row: 28;
}

.custom-report-header__custom-data > div:nth-child(2) > *:nth-child(28) {
  grid-column: 2;
  grid-row: 28;
}

.custom-report-header__custom-data > div:nth-child(1) > *:nth-child(29) {
  grid-column: 1;
  grid-row: 29;
}

.custom-report-header__custom-data > div:nth-child(2) > *:nth-child(29) {
  grid-column: 2;
  grid-row: 29;
}

.custom-report-header__custom-data > div:nth-child(1) > *:nth-child(30) {
  grid-column: 1;
  grid-row: 30;
}

.custom-report-header__custom-data > div:nth-child(2) > *:nth-child(30) {
  grid-column: 2;
  grid-row: 30;
}

.custom-report-header__custom-data > div:nth-child(1) > *:nth-child(31) {
  grid-column: 1;
  grid-row: 31;
}

.custom-report-header__custom-data > div:nth-child(2) > *:nth-child(31) {
  grid-column: 2;
  grid-row: 31;
}

.custom-report-header__custom-data > div:nth-child(1) > *:nth-child(32) {
  grid-column: 1;
  grid-row: 32;
}

.custom-report-header__custom-data > div:nth-child(2) > *:nth-child(32) {
  grid-column: 2;
  grid-row: 32;
}

.custom-report-header__custom-data > div:nth-child(1) > *:nth-child(33) {
  grid-column: 1;
  grid-row: 33;
}

.custom-report-header__custom-data > div:nth-child(2) > *:nth-child(33) {
  grid-column: 2;
  grid-row: 33;
}

.custom-report-header__custom-data > div:nth-child(1) > *:nth-child(34) {
  grid-column: 1;
  grid-row: 34;
}

.custom-report-header__custom-data > div:nth-child(2) > *:nth-child(34) {
  grid-column: 2;
  grid-row: 34;
}

.custom-report-header__custom-data > div:nth-child(1) > *:nth-child(35) {
  grid-column: 1;
  grid-row: 35;
}

.custom-report-header__custom-data > div:nth-child(2) > *:nth-child(35) {
  grid-column: 2;
  grid-row: 35;
}

.custom-report-header__custom-data > div:nth-child(1) > *:nth-child(36) {
  grid-column: 1;
  grid-row: 36;
}

.custom-report-header__custom-data > div:nth-child(2) > *:nth-child(36) {
  grid-column: 2;
  grid-row: 36;
}

.index-table-page {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  width: 100%;
  min-height: 0;
}

.index-table-card {
  display: flex;
  margin-bottom: 0;
}

.index-table-page--fill .index-table-card {
  flex: 1 1 auto;
  min-height: 0;
}

.index-table-page--compact .index-table-card {
  flex: 0 0 auto;
}

.index-table-card-body {
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.index-table-page--fill .index-table-card-body {
  flex: 1 1 auto;
}

.index-table-page--compact .index-table-card-body {
  flex: 0 0 auto;
}

.index-table-scroll-area {
  min-height: 0;
}

.index-table-page--fill .index-table-scroll-area {
  flex: 1 1 auto;
  min-height: 420px;
}

.index-table-page--compact .index-table-scroll-area {
  flex: 0 1 auto;
}

.index-table-page--fill .index-table-scroll-area .index-table-fixed,
.index-table-page--fill .index-table-scroll-area .sales-table-fixed {
  height: 100%;
}

.index-table-page--fill .index-table-scroll-area .index-table-fixed .table-responsive.custom-table,
.index-table-page--fill .index-table-scroll-area .sales-table-fixed .table-responsive.custom-table {
  height: 100%;
  overflow-y: auto !important;
  overflow-x: auto;
}

.index-table-page--compact .index-table-scroll-area .index-table-fixed,
.index-table-page--compact .index-table-scroll-area .sales-table-fixed {
  height: auto;
}

.index-table-page--compact .index-table-scroll-area .index-table-fixed .table-responsive.custom-table,
.index-table-page--compact .index-table-scroll-area .sales-table-fixed .table-responsive.custom-table {
  height: auto;
  overflow-y: visible !important;
  overflow-x: auto;
}

/*
  Sticky index header. Opaque backing so rows do not show through while the
  body scrolls — card surface, not a visible band. The separating rule lives
  in victus/_tables.scss; only stickiness and opaque fill here.
*/

.index-table-scroll-area .index-table-fixed .table-responsive.custom-table .table thead th,
.index-table-scroll-area .sales-table-fixed .table-responsive.custom-table .table thead th {
  position: sticky !important;
  top: 0 !important;
  z-index: 8 !important;
  background-color: #ffffff;
  background-clip: padding-box;
}

.index-table-scroll-area .index-table-fixed .table-responsive.custom-table .table thead tr,
.index-table-scroll-area .sales-table-fixed .table-responsive.custom-table .table thead tr {
  position: sticky;
  top: 0;
  z-index: 7;
  background-color: #ffffff;
}

.index-table-pagination {
  flex: 0 0 auto;
  padding-top: 0.75rem;
  background-color: #ffffff;
}

.dark-layout .index-table-scroll-area .index-table-fixed .table-responsive.custom-table .table thead th,
.dark-layout .index-table-scroll-area .sales-table-fixed .table-responsive.custom-table .table thead th,
.dark-layout .index-table-scroll-area .index-table-fixed .table-responsive.custom-table .table thead tr,
.dark-layout .index-table-scroll-area .sales-table-fixed .table-responsive.custom-table .table thead tr,
.dark-layout .index-table-pagination {
  background-color: #283046;
}

.custom-file-container {
  width: calc(100% - 4px);
  max-width: none;
  min-width: 220px;
  background: #f8f8f8;
  padding: 4px 9px;
  border-radius: 0.375rem;
}

.custom-file-container span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 110%;
}

.custom-file-container--compact {
  width: 150px;
  min-width: 150px;
  max-width: 150px;
  padding: 0.4rem 0.45rem;
  border: 1px solid #ebe9f1;
  border-radius: 0.375rem;
  background: #ffffff;
}

.custom-file-container--compact .file-list-icon-sm,
.custom-file-container--compact .file-icon-sm {
  height: 18px;
  font-size: 18px;
  flex-shrink: 0;
}

.custom-file-container--compact .file-name-sm {
  font-size: 0.75rem;
  font-weight: 500;
  color: #5e5873;
  line-height: 1.2;
}

.custom-file-container--compact .file-added-date-sm {
  font-size: 0.65rem;
  color: #adb5bd;
  margin-top: 0.1rem;
}

.custom-file-container--compact .file-row-actions {
  min-width: auto;
  gap: 0;
}

@media (max-width: 767px) {
  .custom-file-container:not(.custom-file-container--compact) {
    width: 100%;
    min-width: 0;
  }
}

.file-name-sm {
  flex: 1;
  min-width: 0;
  max-width: 100%;
}

.file-added-date-sm {
  font-size: 11px;
  color: #6e6b7b;
  line-height: 1.2;
}

.file-rename-input-sm {
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  height: 26px;
}

.file-main-content {
  flex: 1;
  min-width: 0;
  display: inline-flex;
  align-items: center;
  overflow: hidden;
}

.file-extension-sm {
  font-size: 11px;
  color: #6e6b7b;
  white-space: nowrap;
}

.file-row-actions {
  gap: 6px;
  min-width: 54px;
  justify-content: flex-end;
}

.file-delete-wrap {
  margin-left: 2px;
  padding-left: 6px;
  border-left: 1px solid #d8d6de;
  display: inline-flex;
  align-items: center;
}

.file-action-btn-sm {
  width: 20px;
  height: 20px;
  line-height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  margin-left: 0;
}

.file-download-btn {
  border: 0;
  background: transparent;
  color: #82868b;
  border-radius: 0.375rem;
  transition: color 0.2s ease, background-color 0.2s ease;
}

.file-download-btn:hover:not(:disabled) {
  color: #2980b9;
  background-color: rgba(41, 128, 185, 0.08);
}

.file-download-btn:disabled {
  opacity: 0.7;
  cursor: wait;
}

.file-rename-btn {
  color: #6e6b7b !important;
}

.file-rename-btn:hover,
.file-rename-btn:focus {
  color: #246fa1 !important;
}

.file-save-btn {
  color: #246fa1 !important;
}

.file-save-icon {
  font-size: 14px;
}

.file-delete-btn i.fa-trash {
  color: #6e6b7b;
  transition: color 0.2s ease;
}

.file-delete-btn i.fa-trash:hover {
  color: #ea5455;
}

.file-list-icon-sm {
  height: 22px;
  font-size: 22px;
}

.file-icon-sm {
  height: 22px;
  font-size: 22px;
}

.file-list-icon {
  height: 40px;
}

.file-icon {
  height: 50px;
  font-size: 50px;
}

.file-uploader .single-file-wrap {
  border: 1px solid #ededed;
  background: #ffffff;
  border-radius: 0.72rem;
  transition: 0.2s ease;
}

.file-uploader .single-file-wrap:hover .file-box {
  background: #ededed;
}

.file-uploader .single-file-wrap span {
  font-size: 14px;
}

.file-uploader .single-file-wrap .file-box {
  background: #f8f8f8;
  border-radius: 0.72rem;
  transition: 0.2s ease;
}

.file-uploader .single-file-wrap .title {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: calc(100% - 40px);
}

.file-uploader .dms-file-list-icon-sm {
  height: 18px;
  font-size: 18px;
}

.file-uploader .dms-file-icon-sm {
  height: 18px;
  font-size: 18px;
}

.file-uploader .dms-file-list-icon {
  height: 40px;
}

.file-uploader .dms-file-icon {
  height: 50px;
  font-size: 50px;
}

.file-uploader .dragNDrop {
  cursor: pointer;
  display: flex;
  flex-wrap: wrap;
  font-size: 16px;
}

.file-uploader .dragNDrop input {
  border-top: none !important;
}

.file-uploader .dragNDrop .custom-file-label {
  border-top: none !important;
}

.file-uploader .dragNDrop .custom-file-input {
  height: 100%;
}

.file-uploader .dragNDrop .custom-file {
  height: 100%;
}

.file-uploader .box {
  cursor: pointer;
  background: #ffffff;
  width: 100%;
  border-radius: 0.375rem;
  height: 100%;
  display: block;
  border: 1px dashed #b8c2cc;
  align-items: center;
  transition: 0.2s ease;
}

.file-uploader .box:hover {
  box-shadow: 0 0 5px 0 rgba(34, 41, 47, 0.12);
}

.file-uploader .gallery-file .custom-file-label {
  background-color: #ffffff;
  outline: 2px dashed #4e5154;
  outline-offset: -10px;
}

.file-uploader .image-upload {
  cursor: pointer;
}

.file-uploader .box__uploading {
  width: 100%;
  height: 100%;
  border-radius: 0.6rem;
  left: 0;
  position: absolute;
  background: #ffffff;
  top: 0;
  display: flex;
  align-items: center;
  text-align: center;
}

.file-uploader .gallery-img-sm {
  width: 100px;
  height: 100px;
}

.file-uploader .gallery-img-sm img {
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 0.375rem;
}

.file-uploader .remove-btn-sm {
  position: absolute;
  top: 0;
  right: 0;
  background: #f8f8f8;
  border-radius: 0.25rem;
  padding: 2px 5px;
}

.file-uploader .uploaded-wrap {
  max-width: 300px;
}

.file-uploader .uploaded-wrap:hover .card {
  box-shadow: 0 0 5px 0 rgba(34, 41, 47, 0.12) !important;
}

@media print {
  .file-uploader.files-wrap {
    display: none;
  }
}

.file-drop-input__zone {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 18px 20px;
  border: 1.5px dashed #636363;
  border-radius: 0.72rem;
  background: #f8f8f8;
  cursor: pointer;
  transition: 0.2s ease;
}

.file-drop-input__zone:hover,
.file-drop-input__zone:focus-visible {
  border-color: #2980b9;
  background: rgba(41, 128, 185, 0.04);
  outline: none;
}

.file-drop-input__zone.is-dragover {
  border-color: #2980b9;
  border-style: solid;
  background: rgba(41, 128, 185, 0.08);
}

.file-drop-input__zone.is-dragover .file-drop-input__icon {
  transform: translateY(-2px);
}

.file-drop-input__icon {
  font-size: 26px;
  color: #2980b9;
  transition: 0.2s ease;
}

.file-drop-input__text {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.file-drop-input__text strong {
  color: #5e5873;
  font-size: 14px;
}

.file-drop-input__text small {
  color: #716e87;
}

.file-drop-input__list {
  list-style: none;
  margin: 10px 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.file-drop-input__list li {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 7px 12px;
  border: 1px solid #ededed;
  border-radius: 0.72rem;
  background: #ffffff;
  font-size: 13.5px;
}

.file-drop-input__list li > i {
  color: #2980b9;
  font-size: 16px;
  flex: 0 0 auto;
}

.file-drop-input__name {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #5e5873;
}

.file-drop-input__size {
  flex: 0 0 auto;
  color: #716e87;
  font-variant-numeric: tabular-nums;
}

.file-drop-input__remove {
  flex: 0 0 auto;
  border: 0;
  background: transparent;
  color: #716e87;
  padding: 2px 6px;
  border-radius: 4px;
  cursor: pointer;
  transition: 0.2s ease;
}

.file-drop-input__remove:hover {
  color: #ea5455;
  background: rgba(234, 84, 85, 0.08);
}

.dark-layout .file-drop-input__zone {
  background: #242b3d;
  border-color: #3b4253;
}

.dark-layout .file-drop-input__zone:hover,
.dark-layout .file-drop-input__zone:focus-visible,
.dark-layout .file-drop-input__zone.is-dragover {
  border-color: #2980b9;
  background: rgba(41, 128, 185, 0.12);
}

.dark-layout .file-drop-input__text strong {
  color: #d0d2d6;
}

.dark-layout .file-drop-input__list li {
  background: #283046;
  border-color: #3b4253;
}

.dark-layout .file-drop-input__name {
  color: #d0d2d6;
}

.uploaded-wrap-257 {
  display: block;
  max-width: 500px;
  min-width: 300px;
  aspect-ratio: 25/7;
}

.uploaded-wrap-257 img {
  -o-object-fit: contain;
     object-fit: contain;
}

.uploaded-wrap-11 {
  display: block;
  max-width: 250px;
  min-width: 125px;
  aspect-ratio: 1/1;
}

.uploaded-wrap-11 img {
  -o-object-fit: contain;
     object-fit: contain;
}

.uploaded-wrap > .badge,
.image-editor-sm > .badge {
  position: absolute;
  top: -10px;
  padding: 4px;
  cursor: pointer;
  max-width: 40px;
}

.uploaded-wrap .badge-left,
.image-editor-sm .badge-left {
  left: -5px;
}

.uploaded-wrap .badge-right,
.image-editor-sm .badge-right {
  right: -5px;
}

.signature-preview {
  position: relative;
  max-width: 320px;
}

.signature-preview__image {
  display: block;
  width: 100%;
  max-height: 200px;
  border-radius: 0.375rem;
  border: 1px solid #d2d6dc;
  -o-object-fit: contain;
     object-fit: contain;
}

.signature-preview__frame {
  width: 100%;
  min-height: 180px;
  border: 1px solid #d2d6dc;
  border-radius: 0.375rem;
}

.image-editor-signature__modal .cropper-wrapper {
  position: relative;
  max-height: 90vh;
  height: 90vh;
}

.image-editor-signature__modal .crop-actions {
  position: absolute;
  bottom: 0;
  right: 15px;
  width: 100%;
}

.file-cropper-upload .file-preview__image {
  max-width: 320px;
  max-height: 160px;
  border-radius: 0.375rem;
  border: 1px solid #d2d6dc;
  -o-object-fit: contain;
     object-fit: contain;
}

.file-cropper-upload .file-preview__frame {
  width: 100%;
  min-height: 160px;
  border: 1px solid #d2d6dc;
  border-radius: 0.375rem;
}

.file-cropper-upload__modal .cropper-wrapper {
  position: relative;
  min-height: 400px;
}

.file-cropper-upload__modal .crop-actions {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  display: flex;
  gap: 0.5rem;
}

.user-avatar-wrapper {
  display: inline-block;
}

.user-avatar-wrapper .dif-pointer {
  cursor: default;
}

.owner-image-tooltip {
  text-align: center;
  line-height: 1.35;
}

.owner-image-tooltip__name {
  font-weight: 600;
}

.owner-image-tooltip__company {
  font-size: 0.8rem;
  opacity: 0.9;
  margin-top: 0.15rem;
}

#modal-widgets-settings-form .widget-item {
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  padding: 10px;
  margin-bottom: 5px;
  border: 1px solid #dae1e7;
  border-radius: 0.72rem;
  cursor: pointer;
  transition: all 0.3s ease;
}

#modal-widgets-settings-form .box-selected {
  border: 1px solid #2980b9;
  background-color: rgba(41, 128, 185, 0.08);
}

#modal-widgets-settings-form .widget-item span {
  font-size: 16px;
  font-weight: 600;
}

#modal-widgets-settings-form .close-button {
  position: absolute;
  top: 4px;
  right: 6px;
  background: transparent;
  border: none;
  font-size: 18px;
  color: #b8c2cc;
  cursor: pointer;
  padding: 0;
  line-height: 1;
}

#modal-widgets-settings-form .close-button:hover {
  color: #b94243;
}

#modal-widgets-settings-form .widget-label {
  display: block;
  text-align: center;
  padding-top: 10px;
  font-weight: 600;
}

#addCustomWidgetModal .color-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(30px, 1fr));
  grid-gap: 5px;
  max-width: unset !important;
  width: unset !important;
}

#addCustomWidgetModal .color-box-secondary {
  width: 30px;
  height: 30px;
  cursor: pointer;
  border-radius: 0.375rem;
  border: 2px solid transparent;
}

#addCustomWidgetModal .selected-color {
  border: 2px solid #1e1e1e;
}

#addCustomWidgetModal .color-choose {
  border-radius: 0.375rem;
  position: relative;
}

#addCustomWidgetModal .color-choose .fa {
  position: absolute;
  color: #ffffff;
  left: 50%;
  transform: translate(0%, -50%);
  top: 50%;
  background: #2a2e30;
  padding: 2px;
  border-radius: 50%;
}

#addCustomWidgetModal .icon-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(40px, 1fr));
  grid-gap: 10px;
}

#addCustomWidgetModal .icon-box {
  height: 40px;
  width: 40px;
  border-radius: 0.375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: 2px solid transparent;
  transition: all 0.2s ease;
}

#addCustomWidgetModal .icon-box i {
  color: #ffffff;
  font-size: 18px;
}

#addCustomWidgetModal .selected-icon {
  border: 2px solid #1e1e1e;
}

#modal-customer .info-banner,
#modal-partner .info-banner {
  background-color: #f7f9fc;
  border: 1px solid #dbe4ee;
  border-left: 4px solid #5c9ded;
  padding: 0.4rem;
  border-radius: 0.375rem;
  font-size: 0.95rem;
  color: #2f3e4e;
  margin-bottom: 1rem;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
}

.partner-popup-custom-fields > .row {
  width: auto !important;
}

.customers-select .selected-customer-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  flex: 1 1 auto;
}

.vendors-select .vendor-selected-tin {
  margin-left: 8px;
  font-size: 11.5px;
  color: #9a97a5;
  white-space: nowrap;
}

.priority-widget {
  display: inline-block;
}

.priority-widget .priority-stars {
  display: inline-flex;
  align-items: center;
  gap: 2px;
}

.priority-widget .priority-star {
  font-size: 1.1rem;
  color: #dae1e7;
  line-height: 1;
}

.priority-widget .priority-star.filled {
  color: #ff9f43;
}

.priority-widget .priority-star--reset {
  font-size: 1rem;
  color: #adb5bd;
  font-style: normal;
  line-height: 1;
  margin-left: 4px;
}

.priority-widget .priority-stars--input .priority-star {
  cursor: pointer;
  transition: color 0.15s ease-in-out;
}

.priority-widget .priority-stars--input .priority-star:not(.priority-star--reset):hover {
  color: #ff9f43;
}

.priority-widget .priority-stars--input .priority-star.priority-star--reset:hover {
  color: #ea5455;
}

.priority-widget .priority-labels {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 4px;
  align-items: center;
}

.priority-widget .priority-label {
  display: inline-block;
  padding: 2px 10px;
  border-radius: 0.25rem;
  font-size: 0.78rem;
  font-weight: 500;
  border: 1.5px solid #dae1e7;
  color: #6e6b7b;
  background: transparent;
  transition: background 0.15s, border-color 0.15s, color 0.15s;
}

.priority-widget .priority-label.active {
  color: #fff;
  border-color: transparent;
}

.priority-widget .priority-label--clickable {
  cursor: pointer;
}

.priority-widget .priority-label--reset {
  border-color: transparent;
  color: #adb5bd;
  font-size: 1rem;
  padding: 0 4px;
}

.priority-widget .priority-label--reset:hover {
  color: #ea5455;
}

.priority-widget .priority-select select {
  min-width: 140px;
}

#related-documents-modal p {
  font-size: 1rem;
  color: #4a4a4a;
  margin-bottom: 1rem;
  font-weight: 400;
}

#related-documents-modal ul {
  list-style: none;
  padding-left: 0;
  max-height: 280px;
  overflow-y: auto;
  border-left: 2px solid #1976d2;
  margin: 0;
}

#related-documents-modal ul li {
  padding: 0.5rem 1rem;
  border-bottom: 1px solid #e0e0e0;
  font-size: 0.95rem;
  color: #333;
  transition: background-color 0.15s ease;
}

#related-documents-modal ul li:last-child {
  border-bottom: none;
}

#related-documents-modal ul li:hover {
  background-color: #f5f7fa;
}

#related-documents-modal ul li a {
  color: #1976d2;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.2s ease, border-bottom-color 0.2s ease;
  border-bottom: 2px solid transparent;
  padding-bottom: 2px;
}

#related-documents-modal ul li a:hover {
  color: #004a9f !important;
  border-bottom-color: #004a9f !important;
  text-decoration: underline;
  cursor: pointer !important;
}

#related-documents-modal .modal-footer {
  justify-content: center !important;
}

.table-pagination .pagination-select {
  display: inline-block;
}

.table-pagination .pagination-select .custom-select {
  padding: 0.25rem 1.75rem 0.25rem 0.5rem;
  font-size: 0.875rem;
  height: calc(1.5em + 0.5rem + 2px);
  border-radius: 0.25rem;
}

.table-pagination .divider-vertical {
  width: 1px;
  height: 24px;
  background-color: #d0d0d0;
  align-self: center;
}

.payment-method-picker .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 38px;
  padding-top: 0;
  padding-bottom: 0;
}

.payment-method-picker .payment-method-more-dropdown .btn {
  min-width: 38px;
  padding-left: 0.65rem;
  padding-right: 0.65rem;
}

.payment-method-picker .payment-method-ellipsis-icon {
  font-size: 1.1rem;
  color: #2980b9;
}

.custom-alert {
  border-radius: 0.72rem;
}

.alert-action {
  align-self: flex-start;
  font-size: 15px;
  line-height: 1;
  opacity: 0.75;
}

.alert-action:hover {
  opacity: 1;
}

.custom-alert--warning {
  box-shadow: 0 0 0 1px rgba(245, 158, 11, 0.25), 0 18px 45px rgba(15, 23, 42, 0.12);
}

.custom-alert--info {
  box-shadow: 0 0 0 1px rgba(59, 130, 246, 0.25), 0 18px 45px rgba(15, 23, 42, 0.12);
}

.custom-alert--danger {
  box-shadow: 0 0 0 1px rgba(220, 38, 38, 0.25), 0 18px 45px rgba(15, 23, 42, 0.12);
}

.custom-alert--success {
  box-shadow: 0 0 0 1px rgba(22, 163, 74, 0.25), 0 18px 45px rgba(15, 23, 42, 0.12);
}

table.vgt-table {
  font-size: 12px !important;
}

/* Set the theme color of the component */

/* import theme style */

/* component style */

.vue-slider-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* rail style */

.vue-slider-rail {
  background-color: rgba(41, 128, 185, 0.12);
  border-radius: 15px;
}

/* process style */

.vue-slider-process {
  background-color: #2980b9;
  border-radius: 15px;
}

/* mark style */

.vue-slider-mark {
  z-index: 4;
}

.vue-slider-mark:first-child .vue-slider-mark-step,
.vue-slider-mark:last-child .vue-slider-mark-step {
  display: none;
}

.vue-slider-mark-step {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.16);
}

.vue-slider-mark-label {
  font-size: 14px;
  white-space: nowrap;
}

/* dot style */

.vue-slider-dot-handle {
  cursor: pointer;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #fff;
  box-sizing: border-box;
  box-shadow: none;
}

.vue-slider-dot-handle-focus {
  box-shadow: 0px 0px 1px 2px rgba(41, 128, 185, 0.36);
}

.vue-slider-dot-handle-disabled {
  cursor: not-allowed;
  background-color: #ccc;
}

.vue-slider-dot-tooltip-inner {
  font-size: 14px;
  white-space: nowrap;
  padding: 2px 5px;
  min-width: 20px;
  text-align: center;
  color: #fff;
  border-radius: 5px;
  border-color: #2980b9;
  background-color: #2980b9;
  box-sizing: content-box;
}

.vue-slider-dot-tooltip-inner::after {
  content: "";
  position: absolute;
}

.vue-slider-dot-tooltip-inner-top::after {
  top: 100%;
  left: 50%;
  transform: translate(-50%, 0);
  height: 0;
  width: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px;
  border-top-color: inherit;
}

.vue-slider-dot-tooltip-inner-bottom::after {
  bottom: 100%;
  left: 50%;
  transform: translate(-50%, 0);
  height: 0;
  width: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px;
  border-bottom-color: inherit;
}

.vue-slider-dot-tooltip-inner-left::after {
  left: 100%;
  top: 50%;
  transform: translate(0, -50%);
  height: 0;
  width: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px;
  border-left-color: inherit;
}

.vue-slider-dot-tooltip-inner-right::after {
  right: 100%;
  top: 50%;
  transform: translate(0, -50%);
  height: 0;
  width: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px;
  border-right-color: inherit;
}

.vue-slider-dot-tooltip-wrapper {
  opacity: 0;
  transition: all 0.3s;
}

.vue-slider-dot-tooltip-wrapper-show {
  opacity: 1;
}

.vue-slider-dot-handle {
  border: 2px solid #2980b9;
}

.vue-slider-dot-tooltip-inner {
  background-color: #2980b9;
  border-color: #2980b9;
}

/* Generate:
*  Border color according to event class
*/

.vue-slider-white .vue-slider-dot-handle {
  border: 2px solid #ffffff;
}

.vue-slider-white .vue-slider-dot-handle-focus {
  box-shadow: 0px 0px 1px 2px rgba(255, 255, 255, 0.36);
}

.vue-slider-white .vue-slider-process {
  background-color: #ffffff;
}

.vue-slider-white .vue-slider-rail {
  background-color: rgba(255, 255, 255, 0.12);
}

.vue-slider-white .vue-slider-dot-tooltip-inner {
  background-color: #ffffff;
  border-color: #ffffff;
}

.vue-slider-black .vue-slider-dot-handle {
  border: 2px solid #000000;
}

.vue-slider-black .vue-slider-dot-handle-focus {
  box-shadow: 0px 0px 1px 2px rgba(0, 0, 0, 0.36);
}

.vue-slider-black .vue-slider-process {
  background-color: #000000;
}

.vue-slider-black .vue-slider-rail {
  background-color: rgba(0, 0, 0, 0.12);
}

.vue-slider-black .vue-slider-dot-tooltip-inner {
  background-color: #000000;
  border-color: #000000;
}

.vue-slider-dark .vue-slider-dot-handle {
  border: 2px solid #4b4b4b;
}

.vue-slider-dark .vue-slider-dot-handle-focus {
  box-shadow: 0px 0px 1px 2px rgba(75, 75, 75, 0.36);
}

.vue-slider-dark .vue-slider-process {
  background-color: #4b4b4b;
}

.vue-slider-dark .vue-slider-rail {
  background-color: rgba(75, 75, 75, 0.12);
}

.vue-slider-dark .vue-slider-dot-tooltip-inner {
  background-color: #4b4b4b;
  border-color: #4b4b4b;
}

.vue-slider-light .vue-slider-dot-handle {
  border: 2px solid #f6f6f6;
}

.vue-slider-light .vue-slider-dot-handle-focus {
  box-shadow: 0px 0px 1px 2px rgba(246, 246, 246, 0.36);
}

.vue-slider-light .vue-slider-process {
  background-color: #f6f6f6;
}

.vue-slider-light .vue-slider-rail {
  background-color: rgba(246, 246, 246, 0.12);
}

.vue-slider-light .vue-slider-dot-tooltip-inner {
  background-color: #f6f6f6;
  border-color: #f6f6f6;
}

.vue-slider-primary .vue-slider-dot-handle {
  border: 2px solid #2980b9;
}

.vue-slider-primary .vue-slider-dot-handle-focus {
  box-shadow: 0px 0px 1px 2px rgba(41, 128, 185, 0.36);
}

.vue-slider-primary .vue-slider-process {
  background-color: #2980b9;
}

.vue-slider-primary .vue-slider-rail {
  background-color: rgba(41, 128, 185, 0.12);
}

.vue-slider-primary .vue-slider-dot-tooltip-inner {
  background-color: #2980b9;
  border-color: #2980b9;
}

.vue-slider-secondary .vue-slider-dot-handle {
  border: 2px solid #82868b;
}

.vue-slider-secondary .vue-slider-dot-handle-focus {
  box-shadow: 0px 0px 1px 2px rgba(130, 134, 139, 0.36);
}

.vue-slider-secondary .vue-slider-process {
  background-color: #82868b;
}

.vue-slider-secondary .vue-slider-rail {
  background-color: rgba(130, 134, 139, 0.12);
}

.vue-slider-secondary .vue-slider-dot-tooltip-inner {
  background-color: #82868b;
  border-color: #82868b;
}

.vue-slider-success .vue-slider-dot-handle {
  border: 2px solid #28c76f;
}

.vue-slider-success .vue-slider-dot-handle-focus {
  box-shadow: 0px 0px 1px 2px rgba(40, 199, 111, 0.36);
}

.vue-slider-success .vue-slider-process {
  background-color: #28c76f;
}

.vue-slider-success .vue-slider-rail {
  background-color: rgba(40, 199, 111, 0.12);
}

.vue-slider-success .vue-slider-dot-tooltip-inner {
  background-color: #28c76f;
  border-color: #28c76f;
}

.vue-slider-info .vue-slider-dot-handle {
  border: 2px solid #00cfe8;
}

.vue-slider-info .vue-slider-dot-handle-focus {
  box-shadow: 0px 0px 1px 2px rgba(0, 207, 232, 0.36);
}

.vue-slider-info .vue-slider-process {
  background-color: #00cfe8;
}

.vue-slider-info .vue-slider-rail {
  background-color: rgba(0, 207, 232, 0.12);
}

.vue-slider-info .vue-slider-dot-tooltip-inner {
  background-color: #00cfe8;
  border-color: #00cfe8;
}

.vue-slider-warning .vue-slider-dot-handle {
  border: 2px solid #ff9f43;
}

.vue-slider-warning .vue-slider-dot-handle-focus {
  box-shadow: 0px 0px 1px 2px rgba(255, 159, 67, 0.36);
}

.vue-slider-warning .vue-slider-process {
  background-color: #ff9f43;
}

.vue-slider-warning .vue-slider-rail {
  background-color: rgba(255, 159, 67, 0.12);
}

.vue-slider-warning .vue-slider-dot-tooltip-inner {
  background-color: #ff9f43;
  border-color: #ff9f43;
}

.vue-slider-danger .vue-slider-dot-handle {
  border: 2px solid #ea5455;
}

.vue-slider-danger .vue-slider-dot-handle-focus {
  box-shadow: 0px 0px 1px 2px rgba(234, 84, 85, 0.36);
}

.vue-slider-danger .vue-slider-process {
  background-color: #ea5455;
}

.vue-slider-danger .vue-slider-rail {
  background-color: rgba(234, 84, 85, 0.12);
}

.vue-slider-danger .vue-slider-dot-tooltip-inner {
  background-color: #ea5455;
  border-color: #ea5455;
}

body.dark-layout .vue-slider-dot-handle {
  background-color: #161d31;
}

.sidebar-detached.left-filter-sidebar--top-6 {
  margin-top: 6px;
}

.sidebar-detached.left-filter-sidebar--top-8 {
  margin-top: 8px;
}

.sidebar-detached.left-filter-sidebar--top-1 {
  margin-top: 1rem;
}

.py-05 {
  padding-top: 5px;
  padding-bottom: 5px;
}

.filter-heading {
  display: block;
  font-weight: 400;
  line-height: 1.45;
  color: #82868b;
  padding-left: 0.5rem;
  margin-bottom: 1.7rem !important;
}

.filter-results-count {
  margin-left: 0.25rem;
}

.filter-results-skeleton {
  width: 5.25rem;
  height: 14px;
  border-radius: 0.25rem;
  display: inline-block;
  vertical-align: middle;
}

.status-checkbox {
  text-align: center;
  box-sizing: border-box;
  padding: 0;
  cursor: pointer;
  margin: 0;
}

.status-checkbox-container {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}

.status-label {
  flex-grow: 1;
  padding: 6px 12px;
  margin-left: 30px;
  width: calc(100% - 30px);
  border-radius: 0.25rem;
  color: #fff;
  text-align: left;
  box-sizing: border-box;
}

.categories-radio-group .custom-control,
.brands-radio-group .custom-control,
.price-range-defined-radio-group .custom-control {
  margin-bottom: 0.75rem;
}

.custom-radio.custom-control {
  width: 100%;
}

.contract-categories-group {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.sidebar-wrapper {
  position: relative;
}

@media (min-width: 992px) {
  .sidebar-wrapper {
    width: 320px;
  }
}

.sidebar-wrapper.sidebar-wrapper--overlay-offset-6 {
  --filter-sidebar-overlay-offset: 6px;
}

.sidebar-wrapper.sidebar-wrapper--overlay-offset-44 {
  --filter-sidebar-overlay-offset: 44px;
}

.sidebar-wrapper.sidebar-wrapper--overlay-offset-16 {
  --filter-sidebar-overlay-offset: 1rem;
}

.sidebar-wrapper.is-loading > :not(.sidebar-filters-overlay) {
  visibility: hidden;
}

.sidebar-filters-overlay {
  position: absolute;
  inset: 0;
  padding: var(--filter-sidebar-overlay-offset, 0) 0 0;
  background: transparent;
  pointer-events: none;
}

.filters-skeleton-inner {
  width: 100%;
  margin-top: 0.85rem;
}

.filters-skeleton-inner--flush {
  margin-top: 0;
}

.filters-skel-header {
  width: 5.25rem;
  height: 14px;
  border-radius: 0.25rem;
  display: inline-block;
  vertical-align: middle;
}

.filters-skel-card {
  margin-top: 0;
  padding: 1rem;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 0.72rem;
}

.filters-skel-card--spaced {
  margin-top: 10px;
}

.filters-skel-option {
  width: 100%;
  height: 22px;
  border-radius: 0.25rem;
}

.filters-skel-title {
  width: 65%;
  height: 14px;
  border-radius: 0.25rem;
  display: block;
  margin-bottom: 1rem;
}

.filters-skel-radio,
.filters-skel-checkbox {
  width: 100%;
  height: 16px;
  border-radius: 0.25rem;
}

.filters-skel-radio + .filters-skel-radio {
  margin-top: 10px;
}

.filters-skel-checkbox + .filters-skel-checkbox {
  margin-top: 10px;
}

.options-panel {
  border: 1px solid #ebe9f1;
  border-radius: 0.375rem;
  margin-bottom: 1rem;
  overflow: hidden;
}

.options-panel .options-panel-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.5rem 1rem;
  min-height: 52px;
  padding: 0.5rem 1rem;
  cursor: pointer;
  transition: background-color 0.15s ease-in-out;
}

.options-panel .options-panel-row:hover {
  background-color: #f6f6f9;
}

.options-panel .options-panel-row + .options-panel-row {
  border-top: 1px solid #ebe9f1;
}

.options-panel .options-panel-label {
  color: #5e5873;
  font-weight: 500;
}

.options-panel .options-panel-note {
  padding: 0 1rem 1rem;
}

.options-panel .options-panel-note .form-control {
  width: 100%;
  text-align: left;
}

.options-panel .options-panel-note-wrap {
  display: grid;
  grid-template-rows: 0fr;
  opacity: 0;
  transition: grid-template-rows 180ms cubic-bezier(0.23, 1, 0.32, 1), opacity 180ms cubic-bezier(0.23, 1, 0.32, 1);
}

.options-panel .options-panel-note-wrap > .options-panel-note-inner {
  overflow: hidden;
  min-height: 0;
}

.options-panel .options-panel-note-wrap.open {
  grid-template-rows: 1fr;
  opacity: 1;
}

.options-panel .options-panel-change-link {
  font-size: 13px;
  font-weight: 500;
  color: #2980b9;
}

.options-panel .options-panel-change-link:hover {
  text-decoration: underline;
}

.options-panel .options-panel-controls {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-left: auto;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.options-panel .options-panel-controls .form-group {
  margin-bottom: 0;
}

.options-panel .options-panel-controls .exchange-inline-field {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 0;
  margin-right: 0 !important;
}

.options-panel .options-panel-controls .exchange-inline-field > span {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
}

.options-panel .options-panel-controls .exchange-inline-field label {
  margin-bottom: 0;
  font-size: 11.5px;
  color: #9a97a5;
  white-space: nowrap;
}

.options-panel .options-panel-controls .exchange-inline-field .v-select {
  min-width: 140px;
}

.options-panel .options-panel-controls .exchange-inline-field .form-control {
  width: 110px;
}

.options-panel .options-panel-controls .exchange-inline-field:first-child label {
  display: none;
}

.options-panel .options-panel-controls .exchange-inline-field + .exchange-inline-field {
  margin-left: 12px !important;
}

.options-panel .options-panel-controls .form-control {
  width: 140px;
  text-align: right;
}

.options-panel .options-panel-controls > span > .v-select,
.options-panel .options-panel-controls > .v-select {
  min-width: 220px;
  max-width: 320px;
  text-align: left;
}

.options-panel .options-panel-controls .options-panel-pair {
  display: flex;
  align-items: center;
  gap: 6px;
}

.options-panel .options-panel-controls .options-panel-pair label {
  margin-bottom: 0;
  font-size: 11.5px;
  color: #9a97a5;
  white-space: nowrap;
}

.options-panel .options-panel-controls .options-panel-pair .v-select {
  min-width: 200px;
  max-width: 260px;
  text-align: left;
}

.options-panel .options-panel-controls .options-panel-pair + .options-panel-pair {
  margin-left: 12px;
}

.options-panel .options-panel-controls > span {
  display: inline-flex;
  flex-direction: column;
}

.options-panel .options-panel-controls .custom-switch {
  margin-left: 0.25rem;
}

.document-notes-section {
  display: contents;
}

.op-reveal-enter-active,
.op-reveal-leave-active {
  transition: opacity 150ms cubic-bezier(0.23, 1, 0.32, 1), transform 150ms cubic-bezier(0.23, 1, 0.32, 1);
}

.op-reveal-enter,
.op-reveal-leave-to {
  opacity: 0;
  transform: translateY(-3px);
}

@media (prefers-reduced-motion: reduce) {
  .options-panel .options-panel-note-wrap,
  .op-reveal-enter-active,
  .op-reveal-leave-active {
    transition: none;
  }
}

.dark-layout .options-panel {
  border-color: #3b4253;
}

.dark-layout .options-panel .options-panel-row:hover {
  background-color: rgba(255, 255, 255, 0.04);
}

.dark-layout .options-panel .options-panel-row + .options-panel-row {
  border-top-color: #3b4253;
}

.dark-layout .options-panel .options-panel-label {
  color: #b4b7bd;
}

.document-items-grid {
  border: 1px solid #ebe9f1;
  border-radius: 0.5rem;
  background: #ffffff;
  overflow: hidden;
}

.document-items-grid .table-responsive {
  margin-bottom: 0;
  position: relative;
}

.document-items-grid table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  margin-bottom: 0;
}

.document-items-grid thead td {
  background: rgba(41, 128, 185, 0.05);
  border-bottom: 2px solid #d8d6de;
  padding: 8px 10px;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #6b6779;
  white-space: nowrap;
}

.document-items-grid tbody td {
  padding: 3px 4px;
  border-bottom: 1px solid #eeedf3;
  vertical-align: middle;
}

.document-items-grid tbody tr:last-child td {
  border-bottom: none;
}

.document-items-grid tbody tr:hover td {
  background: #f6f6f9;
}

.document-items-grid .form-control {
  border-color: #ebe9f1;
  padding-inline: 8px;
}

.document-items-grid .form-control:focus {
  border-color: #2980b9;
  box-shadow: 0 0 0 3px rgba(41, 128, 185, 0.12);
}

.document-items-grid .vs__dropdown-toggle,
.document-items-grid .v-select .vs__dropdown-toggle,
.document-items-grid .v-select.vs--single .vs__dropdown-toggle {
  border-color: #ebe9f1;
  padding-left: 8px !important;
}

.document-items-grid .vs__actions {
  padding-right: 2px !important;
}

.document-items-grid .document-item-cell > :first-child:not(.item-select-split) > div,
.document-items-grid .supplier-invoice-item-cell > :first-child:not(.item-select-split) > div {
  min-width: -moz-max-content;
  min-width: max-content;
}

.document-items-grid .document-item-cell > :first-child:not(.item-select-split) .v-select.vs--single,
.document-items-grid .supplier-invoice-item-cell > :first-child:not(.item-select-split) .v-select.vs--single,
.document-items-grid td > .sales-item-account.v-select,
.document-items-grid td > .supplier-item-account.v-select,
.document-items-grid td > .transaction-item-account.v-select {
  width: 100%;
  min-width: -moz-max-content;
  min-width: max-content;
}

.document-items-grid td .purchase-item-account.v-select {
  flex: 1 1 auto;
  min-width: -moz-max-content;
  min-width: max-content;
}

.document-items-grid .transaction-account-cell {
  display: flex;
  align-items: center;
  gap: 4px;
}

.document-items-grid .transaction-account-cell > .first-div {
  flex: 0 0 auto;
  width: auto;
  min-width: -moz-max-content;
  min-width: max-content;
}

.document-items-grid .transaction-account-cell > .second-div {
  flex: 1 1 auto;
  width: auto;
  min-width: 120px;
  margin-left: 0;
}

.document-items-grid .transaction-account-cell > .full-div {
  width: 100%;
}

.document-items-grid .document-item-cell > :first-child:not(.item-select-split) .v-select.vs--single:not(.vs--open):has(.vs__selected) .vs__search,
.document-items-grid .supplier-invoice-item-cell > :first-child:not(.item-select-split) .v-select.vs--single:not(.vs--open):has(.vs__selected) .vs__search,
.document-items-grid .sales-item-account.v-select:not(.vs--open):has(.vs__selected) .vs__search,
.document-items-grid .supplier-item-account.v-select:not(.vs--open):has(.vs__selected) .vs__search,
.document-items-grid .purchase-item-account.v-select:not(.vs--open):has(.vs__selected) .vs__search,
.document-items-grid .transaction-item-account.v-select:not(.vs--open):has(.vs__selected) .vs__search {
  flex-grow: 0;
  flex-basis: 0;
  width: 0;
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

.document-items-grid .document-item-cell > :first-child:not(.item-select-split) .v-select.vs--single .vs__selected,
.document-items-grid .supplier-invoice-item-cell > :first-child:not(.item-select-split) .v-select.vs--single .vs__selected,
.document-items-grid .sales-item-account.v-select .vs__selected,
.document-items-grid .supplier-item-account.v-select .vs__selected,
.document-items-grid .purchase-item-account.v-select .vs__selected,
.document-items-grid .transaction-item-account.v-select .vs__selected {
  flex-shrink: 0;
}

.document-items-grid .variant-axis-selects__axis .vs__selected {
  flex-shrink: 0;
}

.document-items-grid tbody td.cell-calc,
.document-items-grid tfoot td.cell-calc {
  background: #fafafc;
  padding: 3px 8px;
  text-align: right;
  color: #6e6b7b;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.document-items-grid tbody td.cell-calc-total,
.document-items-grid tfoot td.cell-calc-total {
  font-weight: 600;
  color: #5e5873;
}

.document-items-grid .cell-calc-link {
  padding: 0;
  border: 0;
  background: none;
  font: inherit;
  font-variant-numeric: tabular-nums;
  color: inherit;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  text-underline-offset: 2px;
  cursor: pointer;
}

.document-items-grid .cell-calc-link:hover {
  color: #2980b9;
  -webkit-text-decoration-style: solid;
          text-decoration-style: solid;
}

.document-items-grid .cell-calc-link:focus-visible {
  outline: 2px solid #2980b9;
  outline-offset: 2px;
  border-radius: 0.25rem;
}

.document-items-grid tfoot td {
  border-top: 2px solid #d8d6de;
  padding: 8px 10px;
}

.document-items-grid tfoot td.cell-calc {
  padding: 8px 10px;
}

.document-items-grid tfoot td.cell-total-label {
  text-align: right;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #6b6779;
}

.document-items-grid td.purchase-document-item-index,
.document-items-grid td.grid-index-cell {
  padding-left: 10px;
  white-space: nowrap;
}

.document-items-grid td.purchase-document-item-index .d-flex,
.document-items-grid td.grid-index-cell .d-flex {
  min-height: 38px;
}

.document-items-grid .document-items-empty {
  padding: 14px 10px;
  text-align: center;
  color: #9a97a5;
  font-size: 13px;
  border-bottom: 1px solid #eeedf3;
}

.document-items-grid .handle {
  background: none;
  padding: 0;
  border-radius: 0;
}

.document-items-grid .grid-drag-handle {
  color: #c3c0cd;
  font-size: 13px;
  margin-right: 6px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.document-items-grid .grid-drag-handle:hover {
  color: #6e6b7b;
}

.document-items-grid .grid-drag-handle.handle-draggable {
  cursor: move;
  touch-action: none;
}

.document-items-grid .document-items-drag-line {
  position: absolute;
  height: 2px;
  background: #2980b9;
  z-index: 14;
  pointer-events: none;
}

.document-items-grid .grid-line-no {
  color: #9a97a5;
  font-size: 12px;
  font-variant-numeric: tabular-nums;
  min-width: 14px;
}

.document-items-grid td.delete-line-cell {
  position: sticky;
  right: 0;
  z-index: 5;
  padding: 0 10px;
  text-align: center;
  background: rgba(255, 255, 255, 0.75);
  backdrop-filter: blur(4px);
}

.document-items-grid td.delete-cell-static {
  padding: 0 10px;
  text-align: center;
}

.document-items-grid tbody td.cell-calc-total:has(+ td.delete-line-cell) {
  position: sticky;
  right: var(--grid-delete-col-w, 40px);
  z-index: 4;
}

.document-items-grid tfoot td.cell-calc-total:has(+ td:last-child:empty) {
  position: sticky;
  right: var(--grid-delete-col-w, 40px);
  z-index: 4;
}

.document-items-grid tfoot td.cell-calc-total + td:last-child:empty {
  position: sticky;
  right: 0;
  z-index: 4;
  background: #ffffff;
}

.document-items-grid table:has(tbody td.cell-calc-total + td.delete-line-cell) thead td:nth-last-child(2) {
  position: sticky;
  right: var(--grid-delete-col-w, 40px);
  z-index: 4;
  background: #f4f9fc;
}

.document-items-grid table:has(tbody td.cell-calc-total + td.delete-line-cell) thead td:last-child {
  position: sticky;
  right: 0;
  z-index: 4;
  background: #f4f9fc;
}

.document-items-grid .delete-line-icon {
  color: #c3c0cd;
  cursor: pointer;
  transition: color 0.15s ease-in-out;
}

@media (hover: hover) and (pointer: fine) {
  .document-items-grid tbody tr:hover .delete-line-icon {
    color: #ea5455;
  }
}

.document-items-grid .grid-icon-btn:focus-visible .delete-line-icon {
  color: #ea5455;
}

@media (hover: none) {
  .document-items-grid .delete-line-icon {
    color: #ea5455;
  }
}

.document-items-grid tbody tr {
  transition: opacity 150ms ease-out;
}

.document-items-grid tbody tr.dig-row-removing {
  opacity: 0;
}

.document-items-grid .document-items-add-line {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 9px;
  border-top: 1px dashed #cfd7e4;
  background: #fbfcfe;
  color: #2980b9;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.document-items-grid .document-items-add-line:hover {
  background: #f3f7fb;
}

.document-items-drag-ghost {
  position: fixed;
  z-index: 100000;
  pointer-events: none;
  background: #ffffff;
  border: 1px solid #ebe9f1;
  border-radius: 0.375rem;
  box-shadow: 0 1px 2px 0 rgba(34, 41, 47, 0.06), 0 4px 16px 0 rgba(34, 41, 47, 0.08);
  padding: 0.25rem 0.75rem;
  font-size: 0.857rem;
  color: #5e5873;
  max-width: 480px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.document-items-drag-ghost .fa-bars {
  color: #c3c0cd;
}

body.document-items-line-dragging,
body.document-items-line-dragging .document-items-grid .grid-drag-handle.handle-draggable {
  cursor: move !important;
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
          user-select: none !important;
}

.document-items-reorder-list {
  max-height: 60vh;
  overflow-y: auto;
  border: 1px solid #ebe9f1;
  border-radius: 0.375rem;
}

.document-items-reorder-row {
  display: flex;
  align-items: center;
  padding: 0.5rem 0.75rem;
  border-bottom: 1px solid #eeedf3;
  background: #ffffff;
  font-size: 0.857rem;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.document-items-reorder-row:last-child {
  border-bottom: none;
}

.document-items-reorder-row.sortable-ghost {
  background: #f6f6f9;
}

.document-items-reorder-handle {
  cursor: move;
  color: #c3c0cd;
  padding: 0 0.5rem 0 0.25rem;
}

.document-items-reorder-index {
  min-width: 2rem;
  margin-right: 0.5rem;
  text-align: right;
  color: #6e6b7b;
  font-variant-numeric: tabular-nums;
}

.document-items-reorder-desc {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #6e6b7b;
}

.document-items-reorder-amount {
  margin-left: 0.75rem;
  color: #5e5873;
  font-variant-numeric: tabular-nums;
}

.document-items-totals-wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 0.75rem;
}

.document-items-totals-wrap .document-items-totals {
  margin-left: auto;
}

.document-items-totals {
  width: 290px;
  max-width: 100%;
  background: #ffffff;
  border: 1px solid #ebe9f1;
  border-radius: 0.5rem;
  padding: 0.75rem 1rem;
}

.document-items-totals .totals-line {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: 3px 0;
  font-size: 13px;
  color: #6e6b7b;
  font-variant-numeric: tabular-nums;
}

.document-items-totals .totals-line-total {
  border-top: 1px solid #ebe9f1;
  margin-top: 6px;
  padding-top: 9px;
  font-size: 15px;
  font-weight: 700;
  color: #5e5873;
}

.dark-layout .document-items-grid {
  background: #283046;
  border-color: #3b4253;
}

.dark-layout .document-items-grid thead td {
  background: #161d31;
  border-color: #3b4253;
  color: #9aa0b0;
}

.dark-layout .document-items-grid tbody td {
  border-color: #3b4253;
}

.dark-layout .document-items-grid tbody tr:hover td {
  background: rgba(255, 255, 255, 0.03);
}

.dark-layout .document-items-grid tbody td.cell-calc,
.dark-layout .document-items-grid tfoot td.cell-calc {
  background: rgba(255, 255, 255, 0.04);
  color: #b4b7bd;
}

.dark-layout .document-items-grid tbody td.cell-calc-total,
.dark-layout .document-items-grid tfoot td.cell-calc-total {
  color: #d0d2d6;
}

.dark-layout .document-items-grid tbody td.cell-calc-total:has(+ td.delete-line-cell),
.dark-layout .document-items-grid tfoot td.cell-calc-total:has(+ td:last-child:empty) {
  background: #31384d;
}

.dark-layout .document-items-grid tfoot td.cell-calc-total + td:last-child:empty {
  background: #283046;
}

.dark-layout .document-items-grid table:has(tbody td.cell-calc-total + td.delete-line-cell) thead td:nth-last-child(2),
.dark-layout .document-items-grid table:has(tbody td.cell-calc-total + td.delete-line-cell) thead td:last-child {
  background: #161d31;
}

.dark-layout .document-items-grid tfoot td {
  border-color: #3b4253;
}

.dark-layout .document-items-grid tfoot td.cell-total-label {
  color: #9aa0b0;
}

.dark-layout .document-items-grid td.delete-line-cell {
  background: rgba(40, 48, 70, 0.8);
}

.dark-layout .document-items-grid .document-items-empty {
  color: #676d7d;
  border-color: #3b4253;
}

.dark-layout .document-items-grid .document-items-add-line {
  background: transparent;
  border-color: #3b4253;
}

.dark-layout .document-items-totals {
  background: #283046;
  border-color: #3b4253;
}

.dark-layout .document-items-totals .totals-line {
  color: #b4b7bd;
}

.dark-layout .document-items-totals .totals-line-total {
  border-color: #3b4253;
  color: #d0d2d6;
}

.dark-layout .document-items-drag-ghost {
  background: #283046;
  border-color: #3b4253;
  color: #b4b7bd;
}

.dark-layout .document-items-reorder-list {
  border-color: #3b4253;
}

.dark-layout .document-items-reorder-row {
  background: #283046;
  border-color: #3b4253;
}

@media (prefers-reduced-motion: reduce) {
  .document-items-grid tbody tr {
    transition: none;
  }
}

.grid-icon-btn {
  padding: 0;
  border: 0;
  background: none;
  line-height: 1;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border-radius: 0.25rem;
  transition: background-color 0.15s ease-in-out;
}

@media (hover: hover) and (pointer: fine) {
  .grid-icon-btn:hover:not(:disabled) {
    background-color: rgba(110, 107, 123, 0.12);
  }
}

.grid-icon-btn:focus-visible {
  outline: 2px solid #2980b9;
  outline-offset: 2px;
  border-radius: 0.25rem;
}

.grid-icon-btn:disabled {
  cursor: default;
  opacity: 0.5;
}

.grid-icon-btn:focus-visible .delete-line-icon {
  color: #ea5455;
}

tbody tr.grid-row-warning td:not(.delete-line-cell) {
  background: #fef5f5;
}

tbody tr.grid-row-warning .form-control:not(:focus) {
  background-color: #fef8f8;
}

.form-control.grid-input-negative {
  border-color: rgba(234, 84, 85, 0.5);
  color: #ea5455;
}

.grid-row-warning-icon {
  color: #ea5455;
  cursor: help;
}

.document-items-warning-strip {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 7px 10px;
  background: rgba(234, 84, 85, 0.08);
  border-bottom: 1px solid rgba(234, 84, 85, 0.25);
  color: #b94243;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.document-items-warning-strip:hover {
  background: rgba(234, 84, 85, 0.12);
}

.document-items-warning-strip:focus-visible {
  outline: 2px solid #2980b9;
  outline-offset: -2px;
}

.dark-layout tbody tr.grid-row-warning td:not(.delete-line-cell) {
  background: #3f3448;
}

.dark-layout tbody tr.grid-row-warning .form-control:not(:focus) {
  background-color: #383347;
}

.dark-layout .document-items-warning-strip {
  background: rgba(234, 84, 85, 0.15);
  border-color: rgba(234, 84, 85, 0.35);
  color: #ea5455;
}

.document-margin-calculation__loading {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.25rem 0;
}

.document-margin-calculation__scroll {
  overflow-x: auto;
  max-width: 100%;
}

.document-margin-calculation__table {
  width: 100%;
  min-width: 900px;
  border-collapse: collapse;
  font-size: 0.857rem;
}

.document-margin-calculation__table th,
.document-margin-calculation__table td {
  padding: 4px 8px;
  white-space: nowrap;
  vertical-align: middle;
}

.document-margin-calculation__table thead th {
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #6b6779;
  border-bottom: 2px solid #d8d6de;
  text-align: left;
}

.document-margin-calculation__table tbody tr + tr td {
  border-top: 1px solid #eeedf3;
}

.document-margin-calculation__table .num {
  text-align: right;
  font-variant-numeric: tabular-nums;
}

.document-margin-calculation__table td.num {
  font-family: "DM Mono", "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.document-margin-calculation__desc {
  white-space: normal !important;
  min-width: 220px;
}

.document-margin-calculation__code {
  font-family: "DM Mono", "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  color: #716e87;
}

.document-margin-calculation__totals td {
  border-top: 2px solid #d8d6de;
  font-weight: 600;
  color: #5e5873;
}

.document-margin-calculation__negative {
  color: #ea5455;
}

.document-margin-calculation__note {
  margin: 0.5rem 0 0;
  font-size: 0.82rem;
  color: #716e87;
}

.document-margin-calculation__warn {
  display: block;
  color: #ff9f43;
}

.dark-layout .document-margin-calculation__table thead th {
  color: #9aa0b0;
  border-bottom-color: #3b4253;
}

.dark-layout .document-margin-calculation__table tbody tr + tr td {
  border-top-color: #3b4253;
}

.dark-layout .document-margin-calculation__totals td {
  border-top-color: #3b4253;
  color: #d0d2d6;
}

.dark-layout .document-margin-calculation__code,
.dark-layout .document-margin-calculation__note {
  color: #b4b7bd;
}

.item-reservations__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
}

.item-reservations__figures {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
}

.item-reservations__figure {
  display: flex;
  flex-direction: column;
  line-height: 1.25;
}

.item-reservations__figure-label {
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #6b6779;
}

.dark-layout .item-reservations__figure-label {
  color: #9aa0b0;
}

.item-reservations__figure-value {
  font-size: 1.15rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: #5e5873;
}

.dark-layout .item-reservations__figure-value {
  color: #d0d2d6;
}

.item-reservations__scope {
  margin-bottom: 0;
}

.item-reservations__table {
  width: 100%;
  margin-bottom: 0;
}

.item-reservations__table th {
  padding: 4px 8px;
  border-bottom: 2px solid #d8d6de;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #6b6779;
  white-space: nowrap;
}

.dark-layout .item-reservations__table th {
  border-bottom-color: #3b4253;
  color: #9aa0b0;
}

.item-reservations__table td {
  padding: 4px 8px;
  border-bottom: 1px solid #eeedf3;
  color: #6e6b7b;
  vertical-align: middle;
}

.dark-layout .item-reservations__table td {
  border-bottom-color: #3b4253;
  color: #b4b7bd;
}

.item-reservations__table tbody tr:last-child td {
  border-bottom: 0;
}

.item-reservations__table tbody tr:hover td {
  background: #f6f6f9;
}

.dark-layout .item-reservations__table tbody tr:hover td {
  background: #242b3d;
}

.item-reservations__qty {
  font-variant-numeric: tabular-nums;
  font-weight: 500;
  white-space: nowrap;
}

.item-reservations__foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
}

.item-reservations__note {
  font-size: 0.82rem;
  color: #716e87;
}

.period-ellipsis-dropdown {
  position: relative;
  width: 38px;
  height: 38px;
  flex-shrink: 0;
}

.period-ellipsis-dropdown .period-ellipsis-toggle {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  padding: 0;
  border: none;
  border-radius: 0.5rem;
  background: transparent;
  color: inherit;
  line-height: 1;
  transition: background-color 0.2s ease;
}

.period-ellipsis-dropdown .period-ellipsis-toggle:hover {
  background-color: rgba(41, 128, 185, 0.12);
}

.period-ellipsis-dropdown .period-ellipsis-toggle:focus {
  outline: none;
}

.period-ellipsis-dropdown .period-ellipsis-toggle .fa {
  font-size: 1.1rem;
  color: #2980b9;
}

.period-ellipsis-dropdown .period-preset-vselect {
  position: absolute;
  top: 0;
  left: 0;
  width: 38px;
  height: 38px;
  z-index: 1;
}

.period-ellipsis-dropdown .period-preset-vselect .vs__dropdown-toggle {
  width: 38px;
  height: 38px;
  min-height: 38px;
  padding: 0;
  opacity: 0;
  cursor: pointer;
}

.period-ellipsis-dropdown .period-preset-vselect .vs__selected-options {
  position: absolute;
  inset: 0;
  opacity: 0;
  overflow: hidden;
}

.period-ellipsis-dropdown .period-preset-vselect .vs__search {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}

.period-ellipsis-dropdown .period-preset-vselect .vs__actions {
  display: none;
}

.report-date-range-fields {
  display: contents;
}

.report-filter-note {
  display: block;
  margin-top: 0.4rem;
  padding: 0.4rem 0.5rem;
  border-left: 3px solid #ff9f43;
  border-radius: 0.2rem;
  background: rgba(255, 159, 67, 0.1);
  color: #9c6129;
  font-size: 0.82rem;
  line-height: 1.35;
}

.dark-layout .report-filter-note {
  background: rgba(255, 159, 67, 0.14);
  color: #ff9f43;
}

.routing-list {
  border: 1px solid #ebe9f1;
  border-radius: 0.5rem;
  background: #ffffff;
  overflow: hidden;
}

.routing-row {
  padding: 0.4rem 0.75rem;
}

.routing-row + .routing-row {
  border-top: 1px solid #eeedf3;
}

.routing-email {
  font-weight: 500;
  color: #5e5873;
  word-break: break-all;
  margin-bottom: 0.25rem;
}

.routing-email .fa {
  color: #c3c0cd;
  margin-right: 0.4rem;
}

.routing-matrix {
  display: grid;
  grid-template-columns: 5rem auto auto;
  justify-content: start;
  align-items: center;
  -moz-column-gap: 1.25rem;
       column-gap: 1.25rem;
}

.routing-matrix .custom-control {
  display: flex;
  align-items: center;
  min-height: 1.75rem;
  margin-bottom: 0;
}

.routing-role {
  font-size: 0.7rem;
  white-space: nowrap;
  text-align: right;
}

@media (max-width: 575.98px) {
  .routing-matrix {
    grid-template-columns: minmax(0, 1fr);
    justify-content: stretch;
  }

  .routing-role {
    text-align: left;
  }

  .routing-role:not(:first-child) {
    margin-top: 0.35rem;
  }
}

.routing-empty {
  padding: 0.875rem;
  text-align: center;
  color: #9a97a5;
  font-size: 0.857rem;
}

.dark-layout .routing-list {
  background: #283046;
  border-color: #3b4253;
}

.dark-layout .routing-row + .routing-row {
  border-top-color: #3b4253;
}

.dark-layout .routing-email {
  color: #d0d2d6;
}

.dark-layout .routing-empty {
  color: #676d7d;
}

.empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.35rem;
  padding: 1.5rem 1.25rem;
  border: 1px dashed #d8d6de;
  border-radius: 0.72rem;
  text-align: center;
}

.dark-layout .empty-state {
  border-color: #3b4253;
}

.empty-state__title {
  font-size: 0.95rem;
  font-weight: 600;
  color: #5e5873;
}

.dark-layout .empty-state__title {
  color: #d0d2d6;
}

.empty-state__text {
  max-width: 44ch;
  font-size: 0.857rem;
  color: #6e6b7b;
}

.dark-layout .empty-state__text {
  color: #b4b7bd;
}

.empty-state__action {
  margin-top: 0.5rem;
}

td > .empty-state,
td > div > .empty-state {
  border: 0;
  padding: 1.25rem 0;
}

@media (min-width: 768px) {
  .entity-tabs-bar__desktop {
    position: sticky;
    top: 6.5rem;
    z-index: 20;
    background: #f8f8f8;
  }

  .dark-layout .entity-tabs-bar__desktop {
    background: #161d31;
  }
}

.entity-tabs-bar__desktop .nav-tabs {
  margin-bottom: 0;
}

.entity-tabs-bar__desktop .nav-link {
  font-weight: 500;
}

.entity-tabs-bar__count {
  margin-left: 0.35rem;
  padding: 0 0.3rem;
  border-radius: 0.25rem;
  font-size: 0.82rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  background: rgba(41, 128, 185, 0.12);
  color: #226998;
}

.entity-tabs-bar__chevron {
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  transition: transform 0.2s ease;
}

.entity-tabs-bar__chevron.is-open {
  transform: rotate(180deg);
}

.form-section {
  margin-bottom: 0.75rem;
}

.form-section > .card-body {
  padding: 1rem 1.5rem;
}

.form-section--flush {
  margin-bottom: 2rem;
}

.form-section--flush:last-child {
  margin-bottom: 0;
}

.form-section--flush > .form-section__body {
  padding: 0;
}

.form-section__head {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid #ebe9f1;
}

.form-section__icon {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 0.375rem;
  background: rgba(41, 128, 185, 0.1);
  color: #2980b9;
  font-size: 0.9rem;
}

.form-section__heading {
  min-width: 0;
  flex: 1 1 auto;
}

.form-section__title {
  margin: 0;
  font-size: 1.07rem;
  font-weight: 600;
  color: #5e5873;
  line-height: 1.25;
}

.form-section__description {
  margin: 0.25rem 0 0;
  font-size: 0.857rem;
  color: #6e6b7b;
  line-height: 1.45;
  max-width: 90ch;
}

.form-section__actions {
  flex: 0 0 auto;
  margin-left: auto;
}

.form-grid.row {
  row-gap: 1.5rem;
}

.form-grid.row label {
  display: block;
  margin-bottom: 0.25rem;
}

.form-grid.row .form-grid__hint {
  display: block;
  margin-top: 0.25rem;
  font-size: 0.857rem;
  color: #6e6b7b;
  line-height: 1.45;
  max-width: 70ch;
}

.form-choice.btn-group {
  flex-wrap: wrap;
}

.form-choice.btn-group .btn.btn-outline-primary {
  font-weight: 500;
  color: #6e6b7b;
  background-color: #ffffff;
  border-color: #d8d6de;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

.form-choice.btn-group .btn.btn-outline-primary:hover:not(.active) {
  color: #246fa1;
  background-color: rgba(41, 128, 185, 0.08);
  border-color: #2980b9;
}

.form-choice.btn-group .btn.btn-outline-primary:not(:disabled):not(.disabled).active,
.form-choice.btn-group .btn.btn-outline-primary:not(:disabled):not(.disabled).active:hover,
.form-choice.btn-group .btn.btn-outline-primary:not(:disabled):not(.disabled).active:focus {
  color: #ffffff;
  background-color: #246fa1;
  border-color: #246fa1;
  font-weight: 600;
}

.form-choice.btn-group .btn.btn-outline-primary:focus-within {
  box-shadow: 0 0 0 2px rgba(41, 128, 185, 0.35);
}

.form-switch-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.75rem 2rem;
}

@media (min-width: 768px) {
  .form-switch-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.form-switch-row .custom-control-label {
  font-weight: 500;
  color: #5e5873;
}

.form-switch-row--wide {
  grid-column: 1/-1;
}

.form-switch-row__hint {
  display: block;
  margin: 0.25rem 0 0 2.2rem;
  font-size: 0.857rem;
  color: #6e6b7b;
  line-height: 1.45;
  max-width: 80ch;
}

.form-switch-row__hint--warning {
  color: #9c6129;
}

.dark-layout .form-section__head {
  border-bottom-color: #3b4253;
}

.dark-layout .form-section__title {
  color: #d0d2d6;
}

.dark-layout .form-section__description,
.dark-layout .form-grid.row .form-grid__hint,
.dark-layout .form-switch-row__hint {
  color: #b4b7bd;
}

.dark-layout .form-switch-row .custom-control-label {
  color: #d0d2d6;
}

.dark-layout .form-choice.btn-group .btn.btn-outline-primary {
  color: #b4b7bd;
  background-color: transparent;
  border-color: #3b4253;
}

.dark-layout .form-choice.btn-group .btn.btn-outline-primary:hover:not(.active) {
  color: #d0d2d6;
  background-color: rgba(41, 128, 185, 0.16);
  border-color: #2980b9;
}

.dark-layout .form-choice.btn-group .btn.btn-outline-primary:not(:disabled):not(.disabled).active,
.dark-layout .form-choice.btn-group .btn.btn-outline-primary:not(:disabled):not(.disabled).active:hover,
.dark-layout .form-choice.btn-group .btn.btn-outline-primary:not(:disabled):not(.disabled).active:focus {
  color: #ffffff;
  background-color: #2980b9;
  border-color: #2980b9;
}

.document-settings-form__status {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding-bottom: 1rem;
  margin-bottom: 1.5rem;
  border-bottom: 1px solid #ebe9f1;
}

.document-settings-form__status-label {
  margin: 0;
  font-weight: 500;
  color: #5e5873;
}

.document-settings-form__narrow-input {
  max-width: 16rem;
}

.document-settings-form__actions {
  position: sticky;
  bottom: 0;
  z-index: 2;
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
  padding: 0.75rem 0;
  margin-top: 1rem;
  background: #ffffff;
  border-top: 1px solid #ebe9f1;
}

.dark-layout .document-settings-form__status {
  border-bottom-color: #3b4253;
}

.dark-layout .document-settings-form__actions {
  background: #283046;
  border-top-color: #3b4253;
}

.label-preview {
  display: block;
}

.label-preview__stage {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 1rem;
  background: #f8f8f8;
  border: 1px solid #ebe9f1;
  border-radius: 0.375rem;
  overflow: auto;
}

.label-preview__sheet {
  position: relative;
  flex: 0 0 auto;
  background: #ffffff;
  border: 1px solid #d8d6de;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

.label-preview__area {
  position: absolute;
  display: grid;
}

.label-preview__cell {
  border: 1px dashed #d8d6de;
  position: relative;
  overflow: hidden;
}

.label-preview__cell--die-cut {
  border-style: solid;
}

.label-preview__cell--page {
  border-style: solid;
  background: #ffffff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

.label-preview__inner {
  position: absolute;
  background: rgba(41, 128, 185, 0.08);
  border: 1px dashed rgba(41, 128, 185, 0.55);
}

.label-preview__caption {
  margin-top: 0.5rem;
  font-size: 0.857rem;
  color: #6e6b7b;
  line-height: 1.45;
  text-align: center;
}

.label-preview__caption strong {
  color: #5e5873;
  font-weight: 600;
}

.label-preview__warning {
  margin-top: 0.5rem;
  font-size: 0.857rem;
  line-height: 1.45;
  color: #b94243;
}

.dark-layout .label-preview__stage {
  background: #161d31;
  border-color: #3b4253;
}

.dark-layout .label-preview__sheet,
.dark-layout .label-preview__cell--page {
  background: #283046;
  border-color: #3b4253;
}

.dark-layout .label-preview__cell {
  border-color: #3b4253;
}

.dark-layout .label-preview__caption {
  color: #b4b7bd;
}

.dark-layout .label-preview__caption strong {
  color: #d0d2d6;
}

.help-article .help-article__title {
  font-size: 1.5rem;
  font-weight: 600;
  color: #5e5873;
}

.help-article .help-article__section-label {
  font-size: 0.82rem;
  letter-spacing: 0.04em;
  font-weight: 600;
}

.help-article .help-article__summary {
  padding: 0.75rem 1rem;
  background: #f3f2f7;
  border-radius: 0.72rem;
  border: 1px solid #ebe9f1;
}

.help-article .help-article__summary-body {
  font-size: 0.95rem;
  line-height: 1.5;
  color: #6e6b7b;
}

.help-article .help-article__summary-body p {
  margin-bottom: 0.5rem;
}

.help-article .help-article__summary-body p:last-child {
  margin-bottom: 0;
}

.help-article .help-article__body {
  font-size: 1rem;
  line-height: 1.55;
  color: #6e6b7b;
}

.help-article .help-article__body h3 {
  font-size: 1.143rem;
  margin-top: 1.25rem;
  margin-bottom: 0.5rem;
  color: #5e5873;
}

.help-article .help-article__body ul,
.help-article .help-article__body ol {
  padding-left: 1.25rem;
  margin-bottom: 0.75rem;
}

.help-article .help-article__body p {
  margin-bottom: 0.75rem;
}

.help-article .help-article__related {
  border-top: 1px solid #ebe9f1;
}

.help-card .card-body {
  position: relative;
}

.help-card .link-desc {
  color: #575757 !important;
  margin-right: 30px;
}

.help-card .link-desc p {
  font-weight: 300;
  margin-bottom: 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.help-card h6 {
  font-weight: 600;
}

.help-card .icon-visit {
  position: absolute;
  background: #f8f8f8;
  bottom: 0;
  padding: 8px 20px;
  right: 0;
  border-top-left-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}

.help-card .icon-visit i {
  font-size: 14px;
}

.help-card .help-seed-dot {
  position: absolute;
  top: 0.65rem;
  right: 0.65rem;
  z-index: 2;
  width: 0.65rem;
  height: 0.65rem;
  border-radius: 50%;
  box-shadow: 0 0 0 2px #fff;
}

.help-card .help-seed-dot--new {
  background-color: #28c76f;
}

.help-card .help-seed-dot--updated {
  background-color: #ff9f43;
}

.help-seed-dot-inline {
  display: inline-block;
  width: 0.55rem;
  height: 0.55rem;
  border-radius: 50%;
  vertical-align: middle;
  margin-right: 0.35rem;
}

.help-seed-dot-inline--new {
  background-color: #28c76f;
}

.help-seed-dot-inline--updated {
  background-color: #ff9f43;
}

.ai-knowledge-page {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 0;
}

.ai-knowledge-card {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  height: 100%;
  margin-bottom: 0;
}

.ai-knowledge-card-body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
}

.ai-knowledge-chrome {
  flex: 0 0 auto;
}

.ai-knowledge-table-host {
  flex: 1 1 auto;
  min-height: 0;
}

.ai-knowledge-table-scroll {
  height: 100%;
  min-height: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.ai-knowledge-table-scroll .table:not(.table-dark):not(.table-light) thead:not(.thead-dark) th {
  position: sticky;
  top: 0;
  z-index: 2;
  background-color: #ffffff;
  background-clip: padding-box;
}

.help-context-modal .help-context-modal-body .help-context-summary {
  font-size: 0.95rem;
  line-height: 1.5;
  white-space: normal;
}

.help-context-modal .help-context-modal-body .help-context-summary p {
  margin-bottom: 0.65rem;
}

.help-context-modal .help-context-modal-body .help-context-summary p:last-child {
  margin-bottom: 0;
}

.dark-layout .help-article__summary {
  background: #161d31;
  border-color: #3b4253;
}

.dark-layout .help-article__title {
  color: #d0d2d6;
}

.dark-layout .help-card .help-seed-dot {
  box-shadow: 0 0 0 2px #283046;
}

.dark-layout .ai-knowledge-table-scroll .table:not(.table-dark):not(.table-light) thead:not(.thead-dark) th {
  background-color: #283046;
}

.env-ribbon {
  --env-color: #82868b;
  --env-glow: color-mix(in srgb, var(--env-color) 42%, transparent);
  position: fixed;
  inset: 0;
  z-index: 400000;
  pointer-events: none;
  border: 3px solid var(--env-color);
  box-shadow: inset 0 0 72px 0 var(--env-glow);
}

.env-ribbon--local {
  --env-color: #197d46;
}

.env-ribbon--dev {
  --env-color: #ff9f43;
}

.env-ribbon--stage {
  --env-color: #ea5455;
}

.env-ribbon__badge {
  position: absolute;
  top: -3px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: stretch;
  max-width: 60vw;
  border-radius: 0 0 0.375rem 0.375rem;
  background: var(--env-color);
  color: #fff;
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  line-height: 1.5;
  overflow: hidden;
  pointer-events: auto;
}

.env-ribbon__toggle,
.env-ribbon__close {
  display: flex;
  align-items: center;
  border: none;
  background: none;
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
  cursor: pointer;
  transition: background-color 0.15s ease;
}

.env-ribbon__toggle:hover,
.env-ribbon__close:hover {
  background-color: rgba(0, 0, 0, 0.16);
}

.env-ribbon__toggle:focus,
.env-ribbon__close:focus {
  outline: none;
}

.env-ribbon__toggle {
  gap: 0.5rem;
  min-width: 0;
  padding: 0.15rem 0.5rem 0.15rem 0.75rem;
}

.env-ribbon__close {
  padding: 0.15rem 0.6rem;
  font-size: 0.75rem;
  opacity: 0.75;
}

.env-ribbon__close:hover {
  opacity: 1;
}

.env-ribbon__dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.85);
  flex: 0 0 auto;
}

.env-ribbon__label {
  text-transform: uppercase;
  white-space: nowrap;
}

.env-ribbon__host {
  font-weight: 400;
  opacity: 0.85;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.env-ribbon--collapsed .env-ribbon__toggle {
  padding: 0.15rem 0.4rem;
}

.env-ribbon--collapsed .env-ribbon__label,
.env-ribbon--collapsed .env-ribbon__host,
.env-ribbon--collapsed .env-ribbon__close {
  display: none;
}

@media (max-width: 767.98px) {
  .env-ribbon__host {
    display: none;
  }
}

@media print {
  .env-ribbon {
    display: none;
  }
}

.working-copy-banner {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 400001;
}

.working-copy-banner__bar {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 1rem;
  background: #ff9f43;
  color: #3b2400;
  font-size: 0.82rem;
  line-height: 1.3;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.18);
}

.working-copy-banner__icon {
  flex: 0 0 auto;
  font-size: 1rem;
}

.working-copy-banner__text {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0 0.4rem;
}

.working-copy-banner__detail {
  opacity: 0.85;
}

.working-copy-banner__db {
  flex: 0 0 auto;
  background: rgba(0, 0, 0, 0.14);
  color: inherit;
  padding: 0.1rem 0.45rem;
  border-radius: 0.375rem;
  font-size: 0.78rem;
}

.working-copy-banner__exit {
  flex: 0 0 auto;
  border: 1px solid rgba(0, 0, 0, 0.28);
  background: rgba(255, 255, 255, 0.72);
  color: #3b2400;
  padding: 0.2rem 0.6rem;
  border-radius: 0.375rem;
  font-size: 0.78rem;
  font-weight: 600;
  cursor: pointer;
}

.working-copy-banner__exit:hover {
  background: #fff;
}

.working-copy-banner ~ #app,
.working-copy-banner + #app {
  padding-top: 2.25rem;
}

body:has(.working-copy-banner) #app {
  padding-top: 2.25rem;
}

@media (max-width: 767.98px) {
  .working-copy-banner__detail {
    display: none;
  }

  .working-copy-banner__bar {
    gap: 0.5rem;
    padding: 0.45rem 0.6rem;
  }
}

.privacy-screen {
  position: fixed;
  inset: 0;
  z-index: 399000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  cursor: pointer;
  backdrop-filter: blur(14px) saturate(60%);
  -webkit-backdrop-filter: blur(14px) saturate(60%);
  background-color: rgba(248, 248, 248, 0.55);
}

@supports not ((backdrop-filter: blur(2px)) or (-webkit-backdrop-filter: blur(2px))) {
  .privacy-screen {
    background-color: #f8f8f8;
  }
}

.privacy-screen__card {
  background-color: #ffffff;
  border-radius: 0.72rem;
  box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.1);
  padding: 2rem 2.5rem;
  max-width: 26rem;
  text-align: center;
  cursor: default;
}

.privacy-screen__icon {
  display: block;
  font-size: 2rem;
  line-height: 1;
  margin-bottom: 1rem;
  color: #2980b9;
}

.privacy-screen__title {
  color: #5e5873;
  font-size: 1.15rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.privacy-screen__text {
  color: #6e6b7b;
  margin-bottom: 1.25rem;
}

.privacy-screen__button {
  min-width: 12rem;
}

.privacy-screen__hint {
  color: #716e87;
  font-size: 0.857rem;
  margin-bottom: 0;
  margin-top: 0.75rem;
}

.privacy-screen-fade-enter-active,
.privacy-screen-fade-leave-active {
  transition: opacity 0.15s ease-in-out;
}

.privacy-screen-fade-enter,
.privacy-screen-fade-leave-to {
  opacity: 0;
}

body.privacy-screen-open {
  overflow: hidden;
}

.privacy-screen-menu .dropdown-item {
  border-radius: 0.375rem;
  padding: 0.55rem 0.75rem;
}

.privacy-screen-menu .menu-ico {
  width: 1.35rem;
  margin-right: 0.5rem;
  text-align: center;
  flex: none;
}

.privacy-screen-menu__check {
  color: #2980b9;
}

.privacy-screen-menu__shortcut {
  color: #716e87;
  font-size: 0.857rem;
  padding-left: 1rem;
}

.dark-layout .privacy-screen {
  background-color: rgba(22, 29, 49, 0.55);
}

@supports not ((backdrop-filter: blur(2px)) or (-webkit-backdrop-filter: blur(2px))) {
  .dark-layout .privacy-screen {
    background-color: #161d31;
  }
}

.dark-layout .privacy-screen__card {
  background-color: #283046;
  box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.24);
}

.dark-layout .privacy-screen__title {
  color: #d0d2d6;
}

.dark-layout .privacy-screen__text {
  color: #b4b7bd;
}

.dark-layout .privacy-screen__hint {
  color: #676d7d;
}

.files-panel {
  background: #ffffff;
  border: 1px solid #ebe9f1;
  border-radius: 0.72rem;
  box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.1);
  padding: 1.1rem 1.4rem 1.25rem;
  cursor: default;
}

.files-panel.is-dragging {
  border-color: #2980b9;
}

.files-panel.is-dragging .files-panel-dropstrip {
  background: rgba(41, 128, 185, 0.08);
  border-color: #2980b9;
  border-style: solid;
}

.files-panel.is-dragging .files-panel-dropstrip .files-panel-dropstrip__icon {
  transform: translateY(-2px);
}

.files-panel .files-panel-title {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #9a97a5;
  margin-bottom: 10px;
}

.files-panel .files-panel-count {
  color: #c3c0cd;
}

.files-panel .files-panel-list {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 10px;
}

.files-panel .files-panel-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 12px;
  border: 1px solid #eeedf3;
  border-radius: 0.5rem;
  background: #ffffff;
  cursor: pointer;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

.files-panel .files-panel-row:hover {
  background: #f6f6f9;
  border-color: #ebe9f1;
}

.files-panel .files-panel-row:hover .files-panel-actions {
  opacity: 1;
}

.files-panel .files-panel-icon {
  width: 26px;
  height: 26px;
  flex: none;
}

.files-panel .files-panel-icon-fallback {
  font-size: 22px;
  color: #c3c0cd;
  flex: none;
}

.files-panel .files-panel-main {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
}

.files-panel .files-panel-name {
  font-size: 13.5px;
  color: #5e5873;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.files-panel .files-panel-meta {
  font-size: 11.5px;
  color: #9a97a5;
}

.files-panel .files-panel-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  opacity: 0.35;
  transition: opacity 0.15s ease-in-out;
}

.files-panel .files-panel-dropstrip {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 18px 20px;
  border: 1.5px dashed #636363;
  border-radius: 0.5rem;
  background: #f8f8f8;
  cursor: pointer;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

.files-panel .files-panel-dropstrip:hover {
  border-color: #2980b9;
  background: rgba(41, 128, 185, 0.04);
}

.files-panel .files-panel-dropstrip__icon {
  font-size: 26px;
  color: #2980b9;
  transition: transform 0.15s ease-in-out;
}

.files-panel .files-panel-dropstrip__text {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.files-panel .files-panel-dropstrip__text strong {
  color: #5e5873;
  font-size: 14px;
  font-weight: 600;
}

.files-panel .files-panel-dropstrip__text small {
  color: #716e87;
}

.dark-layout .files-panel {
  background: #283046;
  border-color: #3b4253;
  box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.24);
}

.dark-layout .files-panel .files-panel-row {
  background: #283046;
  border-color: #3b4253;
}

.dark-layout .files-panel .files-panel-row:hover {
  background: rgba(255, 255, 255, 0.04);
}

.dark-layout .files-panel .files-panel-name {
  color: #d0d2d6;
}

.dark-layout .files-panel .files-panel-dropstrip {
  background: transparent;
  border-color: #3b4253;
}

.dark-layout .files-panel .files-panel-dropstrip:hover {
  border-color: #2980b9;
  background: rgba(41, 128, 185, 0.08);
}

.dark-layout .files-panel .files-panel-dropstrip__text strong {
  color: #d0d2d6;
}

.dark-layout .files-panel .files-panel-dropstrip__text small {
  color: #b4b7bd;
}

.otp-input {
  display: flex;
  gap: 0.5rem;
}

.otp-input__slot {
  width: 100%;
  min-width: 0;
  height: 48px;
  padding: 0;
  text-align: center;
  font-size: 1.25rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: #5e5873;
  background: #ffffff;
  border: 1px solid #d8d6de;
  border-radius: 0.5rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.otp-input__slot:focus {
  outline: none;
  border-color: #2980b9;
  box-shadow: 0 3px 10px 0 rgba(34, 41, 47, 0.1);
}

.otp-input__slot:disabled {
  background: #f6f6f6;
  color: #716e87;
}

.otp-input--invalid .otp-input__slot {
  border-color: #ea5455;
}

.dark-layout .otp-input__slot {
  color: #d0d2d6;
  background: #283046;
  border-color: #3b4253;
}

.dark-layout .otp-input__slot:disabled {
  background: #242b3d;
  color: #676d7d;
}

.search-table-wrapper {
  position: relative;
  min-width: 340px;
  display: flex;
  justify-content: flex-end;
}

@media (max-width: 767.98px) {
  .search-table-wrapper {
    width: 100%;
    min-width: 0;
  }
}

.search-table-wrapper.has-applied-chips {
  align-items: center;
  gap: 0.5rem;
  flex: 1 1 auto;
}

.search-table-wrapper.has-applied-chips .custom-table-search {
  flex: 0 0 340px;
  max-width: 340px;
}

@media (max-width: 767.98px) {
  .search-table-wrapper.has-applied-chips {
    flex-wrap: wrap;
  }

  .search-table-wrapper.has-applied-chips .custom-table-search {
    flex: 1 1 100%;
    max-width: none;
  }
}

.search-filters-dropdown {
  position: absolute;
  top: calc(100% + 0.25rem);
  left: 0;
  width: 100%;
  z-index: 30;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid #ebe9f1;
  border-radius: 0.72rem;
  box-shadow: 0 5px 25px 0 rgba(34, 41, 47, 0.1);
}

.search-filters-title {
  padding: 0.5rem 0.75rem 0.25rem;
  border-bottom: 1px solid #ebe9f1;
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #6b6779;
}

.search-filter-option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0.5rem 0.75rem;
  border: 0;
  background: #ffffff;
  font-size: 0.857rem;
  text-align: left;
  color: #6e6b7b;
  transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
}

.search-filter-option:hover,
.search-filter-option.highlighted,
.search-filter-option.active {
  background: rgba(41, 128, 185, 0.12);
  color: #2980b9;
}

.filter-icon-header.active-filter {
  color: #2980b9;
}

.dark-layout .search-filters-dropdown {
  background: #283046;
  border-color: #3b4253;
}

.dark-layout .search-filters-title {
  border-bottom-color: #3b4253;
  color: #9aa0b0;
}

.dark-layout .search-filter-option {
  background: #283046;
  color: #b4b7bd;
}

.dark-layout .search-filter-option:hover,
.dark-layout .search-filter-option.highlighted,
.dark-layout .search-filter-option.active {
  background: rgba(41, 128, 185, 0.22);
  color: #d0d2d6;
}

.password-requirements {
  margin: 0 0 1rem;
  padding-left: 1.1rem;
  list-style: disc;
  color: #6e6b7b;
  font-size: 0.857rem;
  line-height: 1.45;
  max-width: 70ch;
}

.password-requirements li + li {
  margin-top: 0.25rem;
}

.security-required {
  min-height: 100vh;
  background: #f8f8f8;
  padding: 2rem 1rem;
}

.security-required__inner {
  max-width: 52rem;
  margin: 0 auto;
}

.security-required__head {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  margin-bottom: 1.5rem;
}

.security-required__icon {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  border-radius: 0.375rem;
  background: rgba(255, 159, 67, 0.14);
  color: #9c6129;
  font-size: 1.15rem;
}

.security-required__title {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 600;
  color: #5e5873;
  letter-spacing: -0.01em;
}

.security-required__lead {
  margin: 0.25rem 0 0;
  color: #6e6b7b;
  line-height: 1.45;
  max-width: 70ch;
}

.security-required__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 1.5rem;
}

.dark-layout .password-requirements,
.dark-layout .security-required__lead {
  color: #b4b7bd;
}

.dark-layout .security-required {
  background: #161d31;
}

.dark-layout .security-required__title {
  color: #d0d2d6;
}

.applied-filter-chips {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.25rem;
  min-width: 0;
}

.applied-filter-chips__chip {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  max-width: 16rem;
  padding: 0.15rem 0.5rem;
  border: 1px solid #ebe9f1;
  border-radius: 0.25rem;
  background: #ffffff;
  font-size: 0.82rem;
  line-height: 1.6;
  color: #6e6b7b;
  cursor: pointer;
  transition: border-color 0.15s ease-in-out, color 0.15s ease-in-out, background-color 0.15s ease-in-out;
}

.applied-filter-chips__chip:hover {
  border-color: #ea5455;
  color: #ea5455;
}

.applied-filter-chips__chip:focus-visible {
  outline: 2px solid #2980b9;
  outline-offset: 2px;
}

.applied-filter-chips__label {
  flex-shrink: 0;
  color: #716e87;
}

.applied-filter-chips__value {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 600;
}

.applied-filter-chips__x {
  flex-shrink: 0;
  font-size: 0.65rem;
  opacity: 0.55;
}

.applied-filter-chips__chip:hover .applied-filter-chips__x {
  opacity: 1;
}

.applied-filter-chips__clear {
  padding: 0.15rem 0.35rem;
  border: 0;
  background: none;
  font-size: 0.82rem;
  line-height: 1.6;
  color: #2980b9;
  cursor: pointer;
  white-space: nowrap;
}

.applied-filter-chips__clear:hover {
  text-decoration: underline;
}

.applied-filter-chips__clear:focus-visible {
  outline: 2px solid #2980b9;
  outline-offset: 2px;
  border-radius: 0.25rem;
}

.dark-layout .applied-filter-chips__chip {
  border-color: #3b4253;
  background: #283046;
  color: #b4b7bd;
}

.dark-layout .applied-filter-chips__chip:hover {
  border-color: #ea5455;
  color: #ea5455;
}

.dark-layout .applied-filter-chips__label {
  color: #676d7d;
}

.skeleton {
  position: relative;
  overflow: hidden;
  background-color: #ededed;
  border-radius: 0.25rem;
  min-height: 1rem;
}

.skeleton::after {
  content: "";
  position: absolute;
  top: 0;
  left: -150px;
  height: 100%;
  width: 150px;
  background: linear-gradient(to right, transparent 0%, rgba(255, 255, 255, 0.4) 50%, transparent 100%);
  animation: victus-skeleton-loading 1.2s infinite;
}

.skeleton-text {
  height: 1rem;
  margin-bottom: 0.5rem;
}

.skeleton-title {
  height: 1.75rem;
  width: 40%;
  margin-bottom: 0.75rem;
}

.skeleton-circle {
  border-radius: 50%;
}

.skeleton-pill {
  border-radius: 0.25rem;
}

.dark-layout .skeleton {
  background-color: #3b4253;
}

.dark-layout .skeleton::after {
  background: linear-gradient(to right, transparent 0%, rgba(103, 109, 125, 0.35) 50%, transparent 100%);
}

@keyframes victus-skeleton-loading {
  0% {
    left: -150px;
  }

  100% {
    left: 100%;
  }
}

.timeline-item .timeline-item-point {
  z-index: 2;
}

.timeline-wrap {
  position: absolute;
  width: 10px;
  height: 10px;
  left: -6px;
  top: -14px;
  background: #ffffff;
  padding: 20px;
  z-index: 1;
}

.side-timeline-item .timeline-wrap {
  padding: 10px;
  top: 50%;
  transform: translate(0%, -50%);
}

.side-timeline-item .timeline-item .timeline-item-point {
  top: 50%;
  transform: translate(0%, -50%);
  z-index: 2;
  width: 10px;
  height: 10px;
}

.side-timeline-item .timeline-item {
  padding-left: 0px !important;
}

table.vgt-table {
  font-size: 12px !important;
}

.timeline-variant-white.timeline-item-fill-border-white {
  border-color: #ffffff !important;
}

.timeline-variant-white.timeline-item-fill-border-white:last-of-type:after {
  background: linear-gradient(#ffffff, #FFFFFF);
}

.timeline-variant-white .timeline-item-point {
  background-color: #ffffff;
}

.timeline-variant-white .timeline-item-point:before {
  background-color: rgba(255, 255, 255, 0.12);
}

.timeline-variant-white .timeline-item-icon {
  color: #ffffff;
  border: 1px solid #ffffff;
}

.timeline-variant-black.timeline-item-fill-border-black {
  border-color: #000000 !important;
}

.timeline-variant-black.timeline-item-fill-border-black:last-of-type:after {
  background: linear-gradient(#000000, #FFFFFF);
}

.timeline-variant-black .timeline-item-point {
  background-color: #000000;
}

.timeline-variant-black .timeline-item-point:before {
  background-color: rgba(0, 0, 0, 0.12);
}

.timeline-variant-black .timeline-item-icon {
  color: #000000;
  border: 1px solid #000000;
}

.timeline-variant-dark.timeline-item-fill-border-dark {
  border-color: #4b4b4b !important;
}

.timeline-variant-dark.timeline-item-fill-border-dark:last-of-type:after {
  background: linear-gradient(#4b4b4b, #FFFFFF);
}

.timeline-variant-dark .timeline-item-point {
  background-color: #4b4b4b;
}

.timeline-variant-dark .timeline-item-point:before {
  background-color: rgba(75, 75, 75, 0.12);
}

.timeline-variant-dark .timeline-item-icon {
  color: #4b4b4b;
  border: 1px solid #4b4b4b;
}

.timeline-variant-light.timeline-item-fill-border-light {
  border-color: #f6f6f6 !important;
}

.timeline-variant-light.timeline-item-fill-border-light:last-of-type:after {
  background: linear-gradient(#f6f6f6, #FFFFFF);
}

.timeline-variant-light .timeline-item-point {
  background-color: #f6f6f6;
}

.timeline-variant-light .timeline-item-point:before {
  background-color: rgba(246, 246, 246, 0.12);
}

.timeline-variant-light .timeline-item-icon {
  color: #f6f6f6;
  border: 1px solid #f6f6f6;
}

.timeline-variant-primary.timeline-item-fill-border-primary {
  border-color: #2980b9 !important;
}

.timeline-variant-primary.timeline-item-fill-border-primary:last-of-type:after {
  background: linear-gradient(#2980b9, #FFFFFF);
}

.timeline-variant-primary .timeline-item-point {
  background-color: #2980b9;
}

.timeline-variant-primary .timeline-item-point:before {
  background-color: rgba(41, 128, 185, 0.12);
}

.timeline-variant-primary .timeline-item-icon {
  color: #2980b9;
  border: 1px solid #2980b9;
}

.timeline-variant-secondary.timeline-item-fill-border-secondary {
  border-color: #82868b !important;
}

.timeline-variant-secondary.timeline-item-fill-border-secondary:last-of-type:after {
  background: linear-gradient(#82868b, #FFFFFF);
}

.timeline-variant-secondary .timeline-item-point {
  background-color: #82868b;
}

.timeline-variant-secondary .timeline-item-point:before {
  background-color: rgba(130, 134, 139, 0.12);
}

.timeline-variant-secondary .timeline-item-icon {
  color: #82868b;
  border: 1px solid #82868b;
}

.timeline-variant-success.timeline-item-fill-border-success {
  border-color: #28c76f !important;
}

.timeline-variant-success.timeline-item-fill-border-success:last-of-type:after {
  background: linear-gradient(#28c76f, #FFFFFF);
}

.timeline-variant-success .timeline-item-point {
  background-color: #28c76f;
}

.timeline-variant-success .timeline-item-point:before {
  background-color: rgba(40, 199, 111, 0.12);
}

.timeline-variant-success .timeline-item-icon {
  color: #28c76f;
  border: 1px solid #28c76f;
}

.timeline-variant-info.timeline-item-fill-border-info {
  border-color: #00cfe8 !important;
}

.timeline-variant-info.timeline-item-fill-border-info:last-of-type:after {
  background: linear-gradient(#00cfe8, #FFFFFF);
}

.timeline-variant-info .timeline-item-point {
  background-color: #00cfe8;
}

.timeline-variant-info .timeline-item-point:before {
  background-color: rgba(0, 207, 232, 0.12);
}

.timeline-variant-info .timeline-item-icon {
  color: #00cfe8;
  border: 1px solid #00cfe8;
}

.timeline-variant-warning.timeline-item-fill-border-warning {
  border-color: #ff9f43 !important;
}

.timeline-variant-warning.timeline-item-fill-border-warning:last-of-type:after {
  background: linear-gradient(#ff9f43, #FFFFFF);
}

.timeline-variant-warning .timeline-item-point {
  background-color: #ff9f43;
}

.timeline-variant-warning .timeline-item-point:before {
  background-color: rgba(255, 159, 67, 0.12);
}

.timeline-variant-warning .timeline-item-icon {
  color: #ff9f43;
  border: 1px solid #ff9f43;
}

.timeline-variant-danger.timeline-item-fill-border-danger {
  border-color: #ea5455 !important;
}

.timeline-variant-danger.timeline-item-fill-border-danger:last-of-type:after {
  background: linear-gradient(#ea5455, #FFFFFF);
}

.timeline-variant-danger .timeline-item-point {
  background-color: #ea5455;
}

.timeline-variant-danger .timeline-item-point:before {
  background-color: rgba(234, 84, 85, 0.12);
}

.timeline-variant-danger .timeline-item-icon {
  color: #ea5455;
  border: 1px solid #ea5455;
}

.timeline-item {
  padding-left: 2.5rem;
  position: relative;
}

.timeline-item.timeline-item-large-marker {
  padding-left: 3.25rem;
}

.timeline-item.timeline-item-colored-line:not(:last-of-type) {
  border-left: none;
}

.timeline-item.timeline-item-colored-line:last-of-type::after {
  display: none;
}

.timeline-item.timeline-item-colored-line::before {
  content: "";
  position: absolute;
  left: 0;
  top: calc(36px + 8px);
  bottom: 8px;
  width: 2px;
  transform: translateX(-1px);
  background-color: var(--timeline-line-color, #e3e8ee);
  border-radius: 1px;
  z-index: 0;
}

.timeline-item:not(:last-of-type) {
  padding-bottom: 2rem;
}

.timeline-item:not(:last-of-type):not(.timeline-item-colored-line) {
  border-left: 1px solid #e3e8ee;
}

.timeline-item:last-of-type:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 1px;
  height: 100%;
  background: linear-gradient(#e3e8ee, #FFFFFF);
}

.timeline-item .timeline-item-point {
  position: absolute;
  left: -6px;
  width: 12px;
  height: 12px;
  top: 0;
  border-radius: 50%;
  z-index: 1;
}

.timeline-item .timeline-item-point:before {
  content: "";
  z-index: 1;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  position: absolute;
  top: -4px;
  left: -4px;
  bottom: 0;
  right: 0;
}

.timeline-item .timeline-item-point.timeline-item-point-lg {
  left: -9px;
  width: 18px;
  height: 18px;
  top: 2px;
}

.timeline-item .timeline-item-point.timeline-item-point-lg:before {
  width: 28px;
  height: 28px;
  top: -5px;
  left: -5px;
}

.timeline-item .timeline-item-icon {
  position: absolute;
  left: -12px;
  top: 0;
  width: 24px;
  height: 24px;
  background-color: #FFFFFF;
  z-index: 2;
}

.timeline-item .timeline-item-icon.timeline-item-icon-lg {
  left: -18px;
  top: 0;
  width: 36px;
  height: 36px;
}

.timeline-item .timeline-item-icon.timeline-item-icon-filled {
  border: none;
}

.timeline-item .timeline-item-icon.timeline-item-icon-filled span {
  color: #fff;
  font-size: 0.85rem;
  line-height: 1;
}

.timeline-item .timeline-item-icon.timeline-item-icon-filled.timeline-item-icon-lg span {
  font-size: 0.95rem;
}

.dark-layout .timeline-item:last-of-type:after {
  background: linear-gradient(#3b4253, #283046);
}

.dark-layout .timeline-item:not(:last-of-type) {
  border-left-color: #3b4253;
}

.dark-layout .timeline-item .timeline-item-icon {
  background-color: #283046;
}

.summary-strip {
  display: inline-flex;
  align-items: baseline;
  gap: 0.5rem;
}

.summary-strip__label {
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #6b6779;
}

.summary-strip__value {
  font-size: 1rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}

.bank-toolbar-divider {
  width: 1px;
  height: 1.5rem;
  background: #d8d6de;
}

.bank-toolbar-search {
  flex: 1 1 220px;
  min-width: 200px;
  max-width: 320px;
  margin-left: auto;
}

.balance-confirmations {
  animation: balance-confirmations-enter 0.2s ease-out;
}

.balance-confirmations__heading p {
  color: #6e6b7b;
}

.dark-layout .balance-confirmations__heading p {
  color: #b4b7bd;
}

.balance-confirmations__heading .btn-link:focus-visible {
  outline: 2px solid #2980b9;
  outline-offset: 2px;
}

.balance-confirmations__search {
  flex: 0 1 260px;
  min-width: 180px;
}

.balance-confirmations__table th,
.balance-confirmations__table td {
  padding: 7px 10px;
}

.balance-confirmations__table thead th {
  position: sticky;
  top: 0;
  z-index: 1;
  background: #ffffff;
}

.dark-layout .balance-confirmations__table thead th {
  background: #283046;
}

.balance-confirmations__summary {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
}

.balance-confirmations__summary > div {
  display: flex;
  flex-direction: column;
}

.balance-confirmations__label {
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #9a97a5;
}

.dark-layout .balance-confirmations__label {
  color: #676d7d;
}

.balance-confirmations__value {
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: #5e5873;
}

.dark-layout .balance-confirmations__value {
  color: #d0d2d6;
}

.balance-confirmations__link {
  padding: 1rem;
  border: 1px solid #d8d6de;
  border-radius: 0.5rem;
  background: #f8f8f8;
}

.dark-layout .balance-confirmations__link {
  background: #161d31;
  border-color: #3b4253;
}

.balance-confirmations__link p {
  color: #6e6b7b;
}

.dark-layout .balance-confirmations__link p {
  color: #b4b7bd;
}

@keyframes balance-confirmations-enter {
  from {
    opacity: 0;
    transform: translateY(-0.5rem);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 575.98px) {
  .balance-confirmations__heading {
    flex-direction: column;
    align-items: stretch;
  }

  .balance-confirmations__search {
    flex: 1 1 auto;
    max-width: none;
  }
}

.btn.in-progress {
  position: relative;
  overflow: visible;
}

.btn.in-progress .tooltip-text {
  visibility: hidden;
  background-color: #1a1a1a;
  color: #fff;
  text-align: left;
  border-radius: 0.72rem;
  padding: 8px 12px;
  position: absolute;
  z-index: 1000;
  bottom: 125%;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: opacity 0.2s ease;
  font-size: 13px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  pointer-events: none;
  white-space: nowrap;
}

.btn.in-progress:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
}

.btn.in-progress .tooltip-icon {
  color: #fff !important;
  font-size: 1.1em;
}

.btn-relief-danger .tooltip-icon {
  margin-right: 0.35rem;
}

.email-log-status__icon {
  font-size: 1rem;
  cursor: default;
}

.email-log-status__icon--success {
  color: #28c76f;
}

.email-log-status__icon--danger {
  color: #ea5455;
}

.email-log-status__icon--warning {
  color: #ff9f43;
}

.email-log-status__icon--info {
  color: #00cfe8;
}

.email-log-status__icon--primary {
  color: #2980b9;
}

.email-log-status__icon--secondary {
  color: #82868b;
}

.impersonation-pill {
  background: rgba(255, 159, 67, 0.12);
  color: #ff9f43;
  border: none;
  border-radius: 0.375rem;
  padding: 0.4rem 0.75rem;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.15s ease-in-out;
}

.impersonation-pill:hover {
  background: rgba(255, 159, 67, 0.22);
}

.security-reminder-pill {
  background: rgba(255, 159, 67, 0.12);
  color: #9c6129;
  border-radius: 0.375rem;
  padding: 0.4rem 0.75rem;
  font-weight: 500;
  white-space: nowrap;
  transition: background 0.15s ease-in-out;
}

.security-reminder-pill:hover,
.security-reminder-pill:focus {
  background: rgba(255, 159, 67, 0.22);
  color: #9c6129;
}

.t-label-wrap {
  display: inline;
}

.t-label-wrap .t-label-hint {
  font-size: 0.72em;
  color: #b8bec7;
  margin-left: 3px;
  cursor: help;
  vertical-align: super !important;
  transition: color 0.15s;
}

.t-label-wrap .t-label-hint:hover {
  color: #2980b9 !important;
}

.custom-calendar-container .vdp-datepicker {
  width: 100%;
}

tr.custom-field-table-preview {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

tr.custom-field-table-preview td {
  border-bottom: 1px solid #ccc;
  height: 40px;
}

tr.custom-field-table-preview td.bold {
  flex: 1;
  max-width: 60%;
  word-break: break-word;
  font-weight: 600;
  padding-right: 15px;
}

tr.custom-field-table-preview td:last-child {
  flex: 1;
  text-align: right;
  overflow-wrap: break-word;
}

.custom-field-table td {
  border-bottom: 1px solid #ccc;
  height: 40px;
}

.mention-dropdown {
  position: absolute;
  z-index: 1050;
  background: #ffffff;
  border: 1px solid #d8d6de;
  border-radius: 0.5rem;
  box-shadow: 0 5px 25px 0 rgba(34, 41, 47, 0.1);
  max-height: 200px;
  overflow-y: auto;
  min-width: 200px;
}

.mention-item {
  padding: 0.5rem 1rem;
  cursor: pointer;
  font-size: 0.95rem;
  color: #6e6b7b;
}

.mention-item:hover,
.mention-item.mention-item-active {
  background-color: rgba(41, 128, 185, 0.12);
  color: #2980b9;
}

.slow-connection {
  color: #ea5455;
  font-weight: 600;
}

.pc-inline-field {
  min-width: 150px;
  flex: 1 1 150px;
}

.deal-map-preview {
  position: relative;
  z-index: 0;
  isolation: isolate;
  border-radius: 0.375rem;
  overflow: hidden;
  cursor: pointer;
}

.deal-map-preview-click {
  position: absolute;
  inset: 0;
  z-index: 500;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-bottom: 0.5rem;
  background: transparent;
  transition: background 0.15s ease;
}

.deal-map-preview:hover .deal-map-preview-click {
  background: rgba(34, 41, 47, 0.08);
}

.deal-map-preview-hint {
  background: rgba(34, 41, 47, 0.75);
  color: #fff;
  font-size: 0.75rem;
  line-height: 1;
  padding: 0.35rem 0.6rem;
  border-radius: 1rem;
}

.modal.deal-map-modal .modal-dialog {
  max-width: 96vw;
}

.ortofoto-map-wrapper {
  position: relative;
  height: 100%;
}

.ortofoto-map {
  height: 100%;
  min-height: 300px;
  border-radius: 0.375rem;
}

.deal-map-modal-map.ortofoto-map-wrapper,
.modal.deal-map-modal .deal-map-modal-map {
  display: block;
  height: 78vh;
}

.deal-map-modal-map .ortofoto-map {
  min-height: 0;
  height: 100%;
}

.cadastre-tile-layer {
  filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.75)) drop-shadow(0 0 1px rgba(0, 0, 0, 0.45)) saturate(1.15);
}

.ortofoto-popup {
  cursor: pointer;
  max-width: 280px;
}

.ortofoto-popup img {
  width: 100%;
  border-radius: 0.375rem;
  margin-bottom: 0.5rem;
}

.ortofoto-popup h6 {
  margin: 0;
  color: #5e5873;
}

.dark-layout .ortofoto-popup h6 {
  color: #d0d2d6;
}

.ortofoto-pin-icon {
  background: transparent;
  border: none;
}

.cadastre-popup {
  min-width: 160px;
  max-width: 300px;
}

.cadastre-popup--ln {
  min-width: 520px;
  max-width: 600px;
}

.cadastre-popup--ln .cadastre-popup__owners,
.cadastre-popup--ln .cadastre-popup__enc {
  line-height: 1.45;
}

.cadastre-popup--ln .cadastre-popup__owners li,
.cadastre-popup--ln .cadastre-popup__enc li {
  margin-bottom: 0.5rem;
}

.cadastre-popup__title {
  font-size: 0.82rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: #9a97a5;
  margin-bottom: 0.25rem;
  padding-right: 2.25rem;
}

.cadastre-popup__num {
  font-size: 1.15rem;
  font-weight: 700;
  line-height: 1.25;
  color: #5e5873;
  margin-bottom: 0.5rem;
  padding-right: 2.25rem;
}

.cadastre-popup__rows {
  margin: 0;
  display: grid;
  grid-template-columns: auto 1fr;
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
  row-gap: 0.25rem;
}

.cadastre-popup__row {
  display: contents;
}

.cadastre-popup__row dt {
  font-weight: 400;
  color: #9a97a5;
  white-space: nowrap;
}

.cadastre-popup__row dd {
  margin: 0;
  font-weight: 600;
  color: #6e6b7b;
  text-align: right;
}

.cadastre-popup__actions {
  margin-top: 1rem;
}

.cadastre-popup__ln {
  width: 100%;
}

.cadastre-popup__ln-result {
  margin-top: 0.75rem;
}

.cadastre-popup__ln-head {
  font-size: 0.857rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}

.cadastre-popup__ln-label {
  font-size: 0.82rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: #9a97a5;
  margin: 0.75rem 0 0.25rem;
}

.cadastre-popup__ln-error,
.cadastre-popup__ln-empty {
  margin: 0.25rem 0 0;
  font-size: 0.8rem;
  color: #9a97a5;
}

.cadastre-popup__ln-error {
  color: #ea5455;
}

.cadastre-popup__owners,
.cadastre-popup__enc {
  margin: 0;
  padding-left: 1.05rem;
  font-size: 0.8rem;
  line-height: 1.4;
}

.cadastre-popup__owners li,
.cadastre-popup__enc li {
  margin-bottom: 0.35rem;
}

.cadastre-popup__enc li {
  overflow-wrap: break-word;
}

.cadastre-popup__owners strong {
  display: block;
  font-size: 0.85rem;
}

.cadastre-popup__owners span {
  display: block;
  color: #9a97a5;
}

.cadastre-popup__owner-addr {
  font-weight: 400;
}

.cadastre-popup__ln-link {
  display: inline-block;
  margin-top: 0.75rem;
  font-size: 0.82rem;
}

.dark-layout .cadastre-popup__title,
.dark-layout .cadastre-popup__row dt,
.dark-layout .cadastre-popup__ln-label,
.dark-layout .cadastre-popup__owners span {
  color: #676d7d;
}

.dark-layout .cadastre-popup__num {
  color: #d0d2d6;
}

.dark-layout .cadastre-popup__row dd {
  color: #b4b7bd;
}

.victus-map-popup .leaflet-popup-content-wrapper {
  padding: 0;
  text-align: left;
  border: none;
  border-radius: 0.72rem;
  overflow: hidden;
  box-shadow: 0 5px 20px 0 rgba(34, 41, 47, 0.1);
  background: #ffffff;
  color: #6e6b7b;
}

.victus-map-popup .leaflet-popup-content {
  margin: 0.8rem 1.4rem;
  line-height: 1.45;
  font-size: 1rem;
}

.victus-map-popup .leaflet-popup-tip {
  background: #ffffff;
  box-shadow: 0 5px 20px 0 rgba(34, 41, 47, 0.1);
}

.leaflet-container .victus-map-popup a.leaflet-popup-close-button {
  top: 0.8rem;
  right: 1.4rem;
  width: unset;
  height: unset;
  padding: 0.2rem 0.62rem;
  margin: 0;
  float: none;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 0.72rem;
  background: #f8f8f8;
  box-shadow: 0 5px 20px 0 rgba(34, 41, 47, 0.1);
  opacity: 1;
  color: #5e5873;
  font: unset;
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  text-indent: 0;
  text-shadow: none;
  transform: none;
  z-index: 1;
  transition: all 0.23s ease 0.1s;
}

.leaflet-container .victus-map-popup a.leaflet-popup-close-button:hover,
.leaflet-container .victus-map-popup a.leaflet-popup-close-button:focus,
.leaflet-container .victus-map-popup a.leaflet-popup-close-button:active {
  opacity: 1;
  outline: none;
  transform: none;
  box-shadow: none;
  color: #5e5873;
  background: #f8f8f8;
}

.victus-map-popup--ln .leaflet-popup-content {
  min-width: 520px;
}

.victus-map-popup--ln .leaflet-popup-scrolled {
  border-color: #ebe9f1;
}

.dark-layout .victus-map-popup .leaflet-popup-content-wrapper,
.dark-layout .victus-map-popup .leaflet-popup-tip {
  background: #283046;
  color: #b4b7bd;
  border: none;
  box-shadow: 0 5px 20px 0 rgba(34, 41, 47, 0.1);
}

.dark-layout .victus-map-popup .leaflet-popup-scrolled {
  border-color: #3b4253;
}

.dark-layout .leaflet-container .victus-map-popup a.leaflet-popup-close-button {
  text-shadow: none;
  background-color: #161d31 !important;
  color: #b4b7bd;
  box-shadow: 0 3px 8px 0 rgba(11, 10, 25, 0.49) !important;
}

.dark-layout .leaflet-container .victus-map-popup a.leaflet-popup-close-button:hover,
.dark-layout .leaflet-container .victus-map-popup a.leaflet-popup-close-button:focus,
.dark-layout .leaflet-container .victus-map-popup a.leaflet-popup-close-button:active {
  background-color: #161d31 !important;
  color: #b4b7bd;
  box-shadow: none !important;
}

.ai-launcher {
  position: fixed;
  bottom: 24px;
  right: 24px;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  border: none;
  background: linear-gradient(135deg, #2980b9 0%, #1e5d87 100%);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 1080;
  box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.18);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.ai-launcher:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 28px 0 rgba(34, 41, 47, 0.22);
}

.ai-launcher:focus {
  outline: none;
}

.ai-launcher__pulse {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: #2980b9;
  opacity: 0.35;
  animation: ai-launcher-pulse 2.4s ease-out infinite;
  pointer-events: none;
}

.ai-launcher__icon-default,
.ai-launcher__icon-close {
  position: absolute;
  font-size: 1.25rem;
  transition: opacity 0.15s ease, transform 0.15s ease;
}

.ai-launcher__icon-default {
  opacity: 1;
  transform: scale(1);
}

.ai-launcher__icon-close {
  opacity: 0;
  transform: scale(0.6);
}

.ai-launcher.is-open {
  background: linear-gradient(135deg, #5e5873 0%, #3b3b50 100%);
}

.ai-launcher.is-open .ai-launcher__icon-default {
  opacity: 0;
  transform: scale(0.6);
}

.ai-launcher.is-open .ai-launcher__icon-close {
  opacity: 1;
  transform: scale(1);
}

.ai-launcher.is-open .ai-launcher__pulse {
  animation: none;
  opacity: 0;
}

@keyframes ai-launcher-pulse {
  0% {
    transform: scale(1);
    opacity: 0.35;
  }

  70% {
    transform: scale(1.4);
    opacity: 0;
  }

  100% {
    transform: scale(1.4);
    opacity: 0;
  }
}

@media (max-width: 575.98px) {
  .ai-launcher {
    bottom: 16px;
    right: 16px;
    width: 52px;
    height: 52px;
  }
}

.ai-shell {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 1075;
}

.ai-shell__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.2);
  pointer-events: auto;
  animation: ai-fade-bg 0.2s ease;
}

.ai-shell__panel {
  pointer-events: auto;
  background: #ffffff;
  box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.18);
  display: flex;
  flex-direction: row;
  overflow: hidden;
  transition: all 0.2s ease;
}

.ai-shell__main {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}

.ai-shell__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.6rem 0.75rem;
  border-bottom: 1px solid #ebe9f1;
  background: #ffffff;
}

.ai-shell__title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #5e5873;
  font-weight: 600;
  font-size: 0.95rem;
}

.ai-shell__title-icon {
  color: #2980b9;
  font-size: 1rem;
}

.ai-shell__actions {
  display: flex;
  gap: 0.25rem;
}

.ai-shell__icon-btn {
  background: transparent;
  border: none;
  color: #6e6b7b;
  width: 32px;
  height: 32px;
  border-radius: 0.357rem;
  cursor: pointer;
  transition: all 0.15s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.ai-shell__icon-btn:hover {
  background: rgba(41, 128, 185, 0.08);
  color: #2980b9;
}

.ai-shell__icon-btn:focus {
  outline: none;
}

.ai-shell--compact .ai-shell__panel {
  position: absolute;
  bottom: 96px;
  right: 24px;
  width: 400px;
  height: min(620px, calc(100vh - 140px));
  border-radius: 0.6rem;
}

.ai-shell--container .ai-shell__panel {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: min(60vw, 960px);
  border-radius: 0;
}

@media (max-width: 575.98px) {
  .ai-shell--compact .ai-shell__panel,
  .ai-shell--container .ai-shell__panel {
    inset: 0;
    width: 100%;
    height: 100%;
    border-radius: 0;
  }
}

@media (max-width: 991.98px) {
  .ai-shell--container .ai-shell__panel {
    width: 100vw;
  }
}

.ai-fade-enter-active,
.ai-fade-leave-active {
  transition: opacity 0.2s ease;
}

.ai-fade-enter,
.ai-fade-leave-to {
  opacity: 0;
}

@keyframes ai-fade-bg {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.ai-conv-list {
  width: 240px;
  flex: 0 0 240px;
  border-right: 1px solid #ebe9f1;
  display: flex;
  flex-direction: column;
  background: #fafafc;
}

.ai-conv-list__header {
  padding: 0.75rem;
  border-bottom: 1px solid #ebe9f1;
}

.ai-conv-list__new {
  width: 100%;
  background: #2980b9;
  color: #ffffff;
  border: none;
  border-radius: 0.357rem;
  padding: 0.4rem 0.6rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s ease;
}

.ai-conv-list__new:hover {
  transform: translateY(-1px);
}

.ai-conv-list__new:focus {
  outline: none;
}

.ai-conv-list__search {
  position: relative;
  padding: 0.5rem 0.75rem;
  border-bottom: 1px solid #ebe9f1;
}

.ai-conv-list__search .fa-search {
  position: absolute;
  left: 1.25rem;
  top: 50%;
  transform: translateY(-50%);
  color: #b8c2cc;
  font-size: 0.8rem;
}

.ai-conv-list__search input {
  width: 100%;
  padding: 0.35rem 0.5rem 0.35rem 1.6rem;
  font-size: 0.857rem;
  border: 1px solid #ebe9f1;
  border-radius: 0.357rem;
  background: #ffffff;
}

.ai-conv-list__search input:focus {
  outline: none;
  border-color: #2980b9;
}

.ai-conv-list__items {
  flex: 1 1 auto;
  overflow-y: auto;
  padding: 0.25rem;
}

.ai-conv-list__item {
  width: 100%;
  text-align: left;
  background: transparent;
  border: none;
  padding: 0.5rem 0.6rem;
  border-radius: 0.357rem;
  color: #5e5873;
  cursor: pointer;
  transition: all 0.15s ease;
}

.ai-conv-list__item:hover {
  background: #f3f2f7;
}

.ai-conv-list__item.is-active {
  background: rgba(41, 128, 185, 0.1);
  color: #2980b9;
}

.ai-conv-list__item:focus {
  outline: none;
}

.ai-conv-list__item-title {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ai-conv-list__item-meta {
  font-size: 0.75rem;
  color: #b8c2cc;
  margin-top: 0.15rem;
}

.ai-conv-list__empty {
  padding: 1rem;
  text-align: center;
  color: #b8c2cc;
  font-size: 0.857rem;
}

.ai-message-list {
  flex: 1 1 0%;
  min-height: 0;
  overflow-y: auto;
  padding: 0.75rem 1rem;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
}

.ai-empty {
  text-align: center;
  padding: 2rem 1rem;
  color: #5e5873;
}

.ai-empty__icon {
  width: 56px;
  height: 56px;
  margin: 0 auto 1rem;
  border-radius: 50%;
  background: rgba(41, 128, 185, 0.12);
  color: #2980b9;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
}

.ai-empty__title {
  color: #5e5873;
  margin-bottom: 0.25rem;
}

.ai-empty__hint {
  color: #6e6b7b;
  font-size: 0.857rem;
  max-width: 320px;
  margin: 0 auto 1rem;
  line-height: 1.45;
}

.ai-empty__chips {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
}

.ai-empty__chip {
  border: 1px solid #ebe9f1;
  background: #ffffff;
  color: #5e5873;
  font-size: 0.857rem;
  padding: 0.4rem 0.75rem;
  border-radius: 999px;
  cursor: pointer;
  transition: all 0.15s ease-in-out;
}

.ai-empty__chip:hover {
  border-color: #2980b9;
  color: #2980b9;
  background: rgba(41, 128, 185, 0.05);
}

.ai-empty__chip:focus {
  outline: none;
}

.ai-message {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin: 0.5rem 0;
}

.ai-message__avatar {
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  border-radius: 50%;
  background: rgba(41, 128, 185, 0.12);
  color: #2980b9;
  font-size: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2px;
}

.ai-message__body {
  max-width: 80%;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.ai-message__bubble {
  padding: 0.5rem 0.75rem;
  border-radius: 0.6rem;
  background: #f3f2f7;
  color: #5e5873;
  font-size: 0.9rem;
  line-height: 1.45;
  word-break: break-word;
}

.ai-message__bubble code {
  background: rgba(41, 128, 185, 0.08);
  color: #2980b9;
  padding: 0 0.25rem;
  border-radius: 0.25rem;
  font-family: "DM Mono", "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 0.85em;
}

.ai-message__bubble.is-empty {
  padding: 0.5rem 0.75rem;
  min-height: 30px;
  display: flex;
  align-items: center;
}

.ai-message__tool {
  border-left: 3px solid #2980b9;
  background: rgba(41, 128, 185, 0.06);
  border-radius: 0.357rem;
  padding: 0.5rem 0.75rem;
}

.ai-message__tool-title {
  font-weight: 600;
  color: #2980b9;
  font-size: 0.857rem;
}

.ai-message__tool-body {
  margin-top: 0.25rem;
  color: #5e5873;
  max-height: 160px;
  overflow: auto;
  word-break: break-word;
  white-space: pre-wrap;
  font-family: "DM Mono", "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 0.75rem;
  background: #ffffff;
  border-radius: 0.357rem;
  padding: 0.4rem 0.5rem;
  border: 1px solid #ebe9f1;
}

.ai-message__attachments {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
}

.ai-message__tool-calls {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.ai-message__attachment {
  background: #ffffff;
  border: 1px solid #ebe9f1;
  border-radius: 0.357rem;
  padding: 0.25rem 0.5rem;
  font-size: 0.8rem;
  color: #5e5873;
  display: inline-flex;
  align-items: center;
}

.ai-message--user {
  flex-direction: row-reverse;
}

.ai-message--user .ai-message__body {
  align-items: flex-end;
}

.ai-message--user .ai-message__bubble {
  background: #2980b9;
  color: #ffffff;
}

.ai-message--user .ai-message__bubble code {
  background: rgba(255, 255, 255, 0.15);
  color: #ffffff;
}

.ai-composer {
  border-top: 1px solid #ebe9f1;
  padding: 0.75rem 1rem 0.5rem;
  background: #ffffff;
}

.ai-composer__attachments {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  margin-bottom: 0.5rem;
}

.ai-composer__chip {
  display: inline-flex;
  align-items: center;
  background: rgba(41, 128, 185, 0.08);
  color: #2980b9;
  border-radius: 999px;
  padding: 0.2rem 0.6rem;
  font-size: 0.8rem;
  max-width: 200px;
}

.ai-composer__chip-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ai-composer__chip-remove {
  background: transparent;
  border: none;
  color: #2980b9;
  margin-left: 0.25rem;
  cursor: pointer;
}

.ai-composer__chip-remove:focus {
  outline: none;
}

.ai-composer__row {
  display: flex;
  align-items: flex-end;
  gap: 0.5rem;
  background: #f8f8f8;
  border: 1px solid #ebe9f1;
  border-radius: 0.6rem;
  padding: 0.4rem 0.5rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.ai-composer__row:focus-within {
  border-color: #2980b9;
  box-shadow: 0 3px 10px 0 rgba(34, 41, 47, 0.1);
}

.ai-composer__icon-btn {
  background: transparent;
  border: none;
  color: #6e6b7b;
  width: 32px;
  height: 32px;
  border-radius: 0.357rem;
  cursor: pointer;
  transition: all 0.15s ease-in-out;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.ai-composer__icon-btn:hover {
  background: rgba(41, 128, 185, 0.08);
  color: #2980b9;
}

.ai-composer__icon-btn:focus {
  outline: none;
}

.ai-composer__textarea {
  flex: 1 1 auto;
  border: none;
  background: transparent;
  resize: none;
  color: #5e5873;
  font-family: inherit;
  font-size: 0.9rem;
  line-height: 1.45;
  max-height: 160px;
  padding: 0.4rem 0;
}

.ai-composer__textarea:focus {
  outline: none;
}

.ai-composer__send {
  background: #2980b9;
  color: #ffffff;
  border: none;
  width: 36px;
  height: 36px;
  border-radius: 0.357rem;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.15s ease-in-out;
}

.ai-composer__send:hover:not(:disabled) {
  transform: translateY(-1px);
}

.ai-composer__send:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.ai-composer__send:focus {
  outline: none;
}

.ai-composer__hint {
  margin-top: 0.4rem;
  font-size: 0.75rem;
  color: #b8c2cc;
}

.ai-composer__hint kbd {
  background: #f3f2f7;
  color: #5e5873;
  border-radius: 0.25rem;
  padding: 0 0.25rem;
  font-size: 0.7rem;
  font-family: inherit;
}

.ai-tool-card {
  border-left: 3px solid #2980b9;
  background: rgba(41, 128, 185, 0.05);
  border-radius: 0.357rem;
  padding: 0.65rem 0.85rem;
  margin-top: 0.35rem;
}

.ai-tool-card.status-success {
  border-left-color: #28c76f;
  background: rgba(40, 199, 111, 0.06);
}

.ai-tool-card.status-failed,
.ai-tool-card.status-cancelled {
  border-left-color: #82868b;
  background: rgba(130, 134, 139, 0.06);
}

.ai-tool-card__head {
  display: flex;
  align-items: center;
  color: #2980b9;
  font-size: 0.875rem;
}

.ai-tool-card__badge {
  font-size: 0.7rem;
  background: rgba(41, 128, 185, 0.15);
  color: #2980b9;
  padding: 0.1rem 0.45rem;
  border-radius: 999px;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

.ai-tool-card__summary {
  margin-top: 0.5rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
  row-gap: 0.2rem;
  font-size: 0.857rem;
  color: #5e5873;
}

.ai-tool-card__label {
  color: #6e6b7b;
}

.ai-tool-card__txs {
  margin-top: 0.5rem;
}

.ai-tool-card__txs-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.857rem;
}

.ai-tool-card__toggle {
  background: transparent;
  border: none;
  color: #2980b9;
  font-size: 0.857rem;
  cursor: pointer;
  padding: 0;
}

.ai-tool-card__toggle:focus {
  outline: none;
}

.ai-tool-card__toggle:hover {
  text-decoration: underline;
}

.ai-tool-card__txs-list {
  margin-top: 0.4rem;
  background: #ffffff;
  border: 1px solid #ebe9f1;
  border-radius: 0.357rem;
  padding: 0.25rem;
  max-height: 200px;
  overflow: auto;
}

.ai-tool-card__table {
  width: 100%;
  font-size: 0.8rem;
  border-collapse: collapse;
}

.ai-tool-card__table thead th {
  background: #f3f2f7;
  color: #5e5873;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.72rem;
  padding: 0.25rem 0.4rem;
  text-align: left;
}

.ai-tool-card__table tbody td {
  padding: 0.2rem 0.4rem;
  border-top: 1px solid #f3f2f7;
  vertical-align: top;
}

.ai-tool-card__table .text-right {
  text-align: right;
}

.ai-tool-card__desc {
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ai-tool-card__result {
  margin-top: 0.5rem;
  font-size: 0.857rem;
  color: #5e5873;
}

.ai-tool-card__result.is-error {
  color: #ea5455;
}

.ai-tool-card__candidates {
  margin-top: 0.6rem;
  background: #ffffff;
  border: 1px solid #ebe9f1;
  border-radius: 0.357rem;
  padding: 0.5rem;
}

.ai-tool-card__candidates-title {
  font-size: 0.857rem;
  color: #5e5873;
  font-weight: 600;
  margin-bottom: 0.4rem;
}

.ai-tool-card__candidates-list {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  max-height: 220px;
  overflow-y: auto;
}

.ai-tool-card__candidate {
  text-align: left;
  background: #fafafc;
  border: 1px solid #ebe9f1;
  border-radius: 0.357rem;
  padding: 0.4rem 0.6rem;
  cursor: pointer;
  transition: all 0.15s ease;
}

.ai-tool-card__candidate:hover:not(:disabled) {
  border-color: #2980b9;
  background: rgba(41, 128, 185, 0.05);
}

.ai-tool-card__candidate:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.ai-tool-card__candidate:focus {
  outline: none;
}

.ai-tool-card__candidate-name {
  font-size: 0.875rem;
  color: #5e5873;
  font-weight: 500;
}

.ai-tool-card__candidate-number {
  font-size: 0.8rem;
  color: #6e6b7b;
  font-family: "DM Mono", "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.ai-tool-card__link {
  color: #2980b9;
  margin-left: 0.4rem;
  text-decoration: underline;
}

.ai-tool-card__link:hover {
  color: #1e5d87;
}

.ai-tool-card__actions {
  margin-top: 0.6rem;
  display: flex;
  justify-content: flex-end;
}

.ai-typing-dots {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 16px;
}

.ai-typing-dots__dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #2980b9;
  opacity: 0.4;
  animation: ai-typing-bounce 1.2s infinite ease-in-out;
}

.ai-typing-dots__dot:nth-child(2) {
  animation-delay: 0.15s;
}

.ai-typing-dots__dot:nth-child(3) {
  animation-delay: 0.3s;
}

@keyframes ai-typing-bounce {
  0%, 80%, 100% {
    transform: translateY(0);
    opacity: 0.4;
  }

  40% {
    transform: translateY(-4px);
    opacity: 1;
  }
}

.report-options-panel__actions {
  margin-top: 1rem;
}

.report-options-panel__row {
  display: flex;
  gap: 0.5rem;
  margin-top: 0.5rem;
}

.report-options-panel__row > .btn,
.report-options-panel__row > .dropdown {
  flex: 1 1 0;
  min-width: 0;
}

.report-options-panel__row > .dropdown .dropdown-toggle {
  width: 100%;
}

.report-options-panel__section {
  margin-top: 1.25rem;
  padding-top: 1rem;
  border-top: 1px solid #ebe9f1;
}

.report-options-panel__heading {
  font-size: 0.85rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  color: #716e87;
  margin-bottom: 0.25rem;
}

.report-options-panel__note {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.65rem 0.75rem;
  border-radius: 0.43rem;
  font-size: 0.92rem;
  line-height: 1.45;
}

.report-options-panel__note a {
  font-weight: 500;
}

.report-options-panel__note--warning {
  background: rgba(255, 159, 67, 0.12);
}

.report-options-panel__note--warning .report-options-panel__note-icon {
  color: #ff8006;
}

.report-options-panel__note--ok {
  background: rgba(40, 199, 111, 0.1);
}

.report-options-panel__note--ok .report-options-panel__note-icon {
  color: #28c76f;
}

.report-options-panel__note-icon {
  margin-top: 0.2rem;
  flex: 0 0 auto;
}

.report-options-panel__note-body {
  min-width: 0;
}

.report-options-panel__note-body > a {
  display: block;
  margin-top: 0.25rem;
  width: -moz-fit-content;
  width: fit-content;
}

.report-options-panel__accounts {
  list-style: none;
  margin: 0.5rem 0 0.25rem;
  padding: 0;
  max-height: 240px;
  overflow-y: auto;
}

.report-options-panel__accounts li {
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.2rem 0;
  border-bottom: 1px solid rgba(235, 233, 241, 0.7);
}

.report-options-panel__accounts li:last-child {
  border-bottom: 0;
}

.report-options-panel__account-label {
  min-width: 0;
  overflow-wrap: anywhere;
}

.report-options-panel__account-amount {
  flex: 0 0 auto;
  font-variant-numeric: tabular-nums;
}

.complaints-source-filter {
  min-width: 170px;
}

.deals-grid-view {
  display: grid;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
  row-gap: 2rem;
  margin-bottom: 2rem;
}

.deals-grid-view .deal-grid-next-contact {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 3;
  padding: 5px 10px;
  border-radius: 0.72rem;
  background: rgba(255, 255, 255, 0.94);
  color: #5e5873;
  font-size: 0.857rem;
  font-weight: 600;
  line-height: 1.45;
  white-space: nowrap;
  box-shadow: 0 1px 4px rgba(34, 41, 47, 0.2);
}

.deals-grid-view .deal-grid-image-wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 1/1;
  overflow: hidden;
  background-color: #f8f8f8;
  border-top-left-radius: 0.72rem;
  border-top-right-radius: 0.72rem;
}

.deals-grid-view .deal-grid-image-wrap .deal-grid-image-link {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

.deals-grid-view .deal-grid-image-wrap .deal-grid-image-skeleton {
  width: 100%;
  height: 100%;
  border-radius: 0;
}

.deals-grid-view .deal-grid-image-wrap .deal-grid-overlay-skeleton {
  position: absolute;
  z-index: 3;
  border-radius: 0.72rem;
}

.deals-grid-view .deal-grid-image-wrap .deal-grid-overlay-skeleton--top-right {
  top: 10px;
  right: 10px;
  width: 56px;
  height: 26px;
}

.deals-grid-view .deal-grid-image-wrap .deal-grid-overlay-skeleton--bottom-left {
  bottom: 10px;
  left: 10px;
  width: 72px;
  height: 26px;
}

.deals-grid-view .deal-grid-image-wrap .deal-grid-image {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  display: block;
  opacity: 0;
  transform: scale(var(--deal-image-cover-scale, 1));
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s ease;
}

.deals-grid-view .deal-grid-image-wrap .deal-grid-image--ready,
.deals-grid-view .deal-grid-image-wrap .deal-grid-image--placeholder {
  opacity: 1;
}

.deals-grid-view .deal-grid-image-wrap .deal-grid-image--placeholder {
  -o-object-fit: cover;
     object-fit: cover;
  transform: none;
}

.deals-grid-view .deal-grid-image-wrap:hover .deal-grid-image:not(.deal-grid-image--placeholder) {
  transform: scale(1);
}

.deals-grid-view .deal-grid-status-label {
  position: absolute;
  left: 10px;
  bottom: 10px;
  z-index: 3;
  display: inline-block;
  width: -moz-fit-content;
  width: fit-content;
  padding: 5px 10px;
  border-radius: 0.72rem;
  color: #ffffff;
  font-size: 0.857rem;
  font-weight: 600;
  line-height: 1.45;
  white-space: nowrap;
  box-shadow: 0 1px 4px rgba(34, 41, 47, 0.2);
}

.deals-grid-view .partner-name {
  font-size: 1rem;
}

.deals-grid-view .item-name {
  font-size: 1.1rem;
}

.deals-grid-view .ecommerce-card {
  width: 100%;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}

.deals-grid-view .ecommerce-card .card-body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  padding-bottom: 138px;
}

.deals-grid-view--deals {
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)) !important;
}

.deals-grid-view--deals .ecommerce-card .card-body {
  padding-bottom: 0;
}

.deal-card__photo {
  position: relative;
  width: 100%;
  aspect-ratio: 3/2;
  overflow: hidden;
  background-color: #f8f8f8;
}

.deal-card__photo .deal-grid-image-skeleton {
  width: 100%;
  height: 100%;
  border-radius: 0;
}

.deal-card__photo .deal-grid-overlay-skeleton {
  position: absolute;
  z-index: 3;
  border-radius: 0.72rem;
}

.deal-card__photo .deal-grid-overlay-skeleton--top-right {
  top: 10px;
  right: 10px;
  width: 64px;
  height: 24px;
}

.deal-card__photo .deal-grid-overlay-skeleton--bottom-left {
  bottom: 10px;
  left: 10px;
  width: 76px;
  height: 24px;
}

.deal-card__photo-link {
  display: block;
  width: 100%;
  height: 100%;
}

.deal-card__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.deal-card__photo:hover .deal-card__image:not(.deal-card__image--placeholder) {
  transform: scale(1.04);
}

.deal-card__chip {
  position: absolute;
  z-index: 3;
  padding: 4px 9px;
  border-radius: 6px;
  font-size: 0.82rem;
  font-weight: 600;
  line-height: 1.35;
  white-space: nowrap;
  box-shadow: 0 1px 4px rgba(34, 41, 47, 0.2);
}

.deal-card__chip--status {
  left: 10px;
  bottom: 10px;
  max-width: calc(100% - 20px);
  overflow: hidden;
  text-overflow: ellipsis;
  color: #ffffff;
}

.deal-card__chip--priority {
  left: 10px;
  top: 10px;
  background: rgba(255, 255, 255, 0.95);
  color: #e8a30d;
  letter-spacing: 1px;
}

.deal-card__chip--next {
  right: 10px;
  top: 10px;
  background: rgba(255, 255, 255, 0.95);
  color: #5e5873;
}

.deal-card__chip--next-today {
  background: #2980b9;
  color: #ffffff;
}

.deal-card__chip--next-overdue {
  background: #ea5455;
  color: #ffffff;
}

.deal-card__body {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.75rem 0.75rem 0.75rem;
}

.deal-card__title-link {
  display: block;
}

.deal-card__title {
  margin: 0;
  font-size: 1.02rem;
  font-weight: 600;
  line-height: 1.35;
  color: #5e5873;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 2.7em;
  word-break: break-word;
}

.deal-card__ref {
  color: #716e87;
  font-weight: 500;
  font-variant-numeric: tabular-nums;
}

.deal-card__meta {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.857rem;
  min-width: 0;
}

.deal-card__meta-icon {
  flex-shrink: 0;
  font-size: 11px;
  color: #9a97a5;
}

.deal-card__meta-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.deal-card__meta-sep {
  color: #d8d6de;
  flex-shrink: 0;
}

.deal-card__value-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin-top: 2px;
}

.deal-card__value {
  font-size: 1.1rem;
  font-weight: 700;
  color: #5e5873;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.deal-card__value--empty {
  font-size: 0.857rem;
  font-weight: 400;
  color: #716e87;
}

.deal-card__type {
  font-size: 0.82rem;
  font-weight: 600;
  color: #2980b9;
  background: rgba(41, 128, 185, 0.1);
  border-radius: 5px;
  padding: 3px 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 60%;
}

.deal-card__progress {
  height: 4px;
  border-radius: 2px;
  background: rgba(41, 128, 185, 0.12);
  overflow: hidden;
}

.deal-card__progress-fill {
  height: 100%;
  border-radius: 2px;
  background: #2980b9;
}

.deal-card__footer {
  margin-top: auto;
  border-top: 1px solid #ebe9f1;
  padding: 0.5rem 0.75rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}

.deal-card__last {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 0.857rem;
  min-width: 0;
}

.deal-card__last-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.deal-card__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}

.deal-card__dot--fresh {
  background: #28c76f;
}

.deal-card__dot--warm {
  background: #ff9f43;
}

.deal-card__dot--cold {
  background: #ea5455;
}

.deal-card__footer-right {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-shrink: 0;
}

.deal-card__missing-icon {
  font-size: 12px;
  color: #ff9f43;
  cursor: default;
}

.deal-card__dates-icon {
  font-size: 12px;
  color: #9a97a5;
  cursor: default;
}

.crm-filters__status-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 6px;
  border-radius: 3px;
  vertical-align: baseline;
}

.deals-table-status-indicator {
  display: inline-block;
  width: 50px;
  height: 10px;
  border-radius: 0.72rem;
  flex-shrink: 0;
}

.deals-table-name-cell {
  max-width: 280px;
  white-space: normal;
  word-break: break-word;
  line-height: 1.4;
}

.icon-wrap {
  border-radius: 0.72rem;
  background: rgba(41, 128, 185, 0.23);
  text-align: center;
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.icon-wrap i {
  font-size: 12px;
}

.grid-view-date-item {
  padding-bottom: 10px;
}

.grid-view-date-item:last-child {
  padding-bottom: 0;
}

.grid-view-date-text {
  font-size: 15px;
}

.deal-last-contact-text {
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.bottom-box {
  position: absolute;
  bottom: 0%;
  overflow: hidden;
  left: 0%;
  width: 100%;
}

.partner-name {
  font-size: 0.875rem;
  color: #6e6b7b;
}

.owner-image-bottom-right {
  position: absolute;
  bottom: 24px;
  right: 12px;
  z-index: 10;
}

.owner-image-bottom-right .deal-grid-owner-skeleton {
  width: 32px;
  height: 32px;
  border-radius: 0.72rem;
  min-height: 0;
}

.deal-skeleton-card-grid {
  min-height: 320px;
  overflow: hidden;
}

.deals-toolbar-inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0.75rem;
}

.deals-search-wrapper {
  order: 0;
  flex: 1 1 280px;
  max-width: 440px;
  min-width: 0;
}

.deals-search-wrapper .search-table-wrapper {
  min-width: 0;
  width: 100%;
}

.deals-search-wrapper .custom-table-search {
  background: #ffffff;
  max-width: 100%;
}

.deals-toolbar-actions {
  order: 1;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0.75rem;
  flex-shrink: 0;
}

.deals-toolbar-actions .view-options {
  gap: 0.75rem;
}

.deals-toolbar-actions .item-view-radio-group.btn-group > .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding-top: 0.786rem;
  padding-bottom: 0.786rem;
  line-height: 1;
}

@media (max-width: 960px) {
  .deals-search-wrapper {
    order: 2;
    flex-basis: 100%;
    max-width: 100%;
  }

  .deals-toolbar-actions {
    order: 1;
  }
}

@media (max-width: 767.98px) {
  .deals-search-wrapper {
    order: 2;
    flex-basis: 100%;
    max-width: 100%;
  }

  .deals-toolbar-actions {
    order: 1;
  }
}

.deals-toolbar .skeleton,
.deals-grid-view .skeleton,
.deals-left-filter-sidebar .skeleton,
.sidebar-wrapper--overlay-offset-44 .skeleton {
  position: relative;
  overflow: hidden;
  background-color: #e0e0e0;
  border-radius: 0.72rem;
  min-height: 1rem;
}

.deals-toolbar .skeleton::after,
.deals-grid-view .skeleton::after,
.deals-left-filter-sidebar .skeleton::after,
.sidebar-wrapper--overlay-offset-44 .skeleton::after {
  content: "";
  position: absolute;
  top: 0;
  left: -150px;
  height: 100%;
  width: 150px;
  background: linear-gradient(to right, transparent 0%, rgba(255, 255, 255, 0.4) 50%, transparent 100%);
  animation: deals-index-skeleton-loading 1.2s infinite;
}

@keyframes deals-index-skeleton-loading {
  0% {
    left: -150px;
  }

  100% {
    left: 100%;
  }
}

.deal-view .deal-owner-label {
  font-size: 0.857rem;
  color: #82868b;
  font-weight: 500;
  margin-bottom: 0.25rem;
  display: flex;
  align-items: center;
  gap: 0.35rem;
}

.deal-view .deal-title {
  color: #5e5873;
  margin-bottom: 0.5rem;
}

.deal-view .deal-status-badge {
  display: inline-block;
  padding: 0.25rem 0.75rem;
  border-radius: 0.72rem;
  font-size: 0.857rem;
  font-weight: 500;
  color: #ffffff;
}

.deal-view .section-title {
  font-size: 1.1rem;
  font-weight: 600;
  color: #1f2937;
  margin-bottom: 1rem;
  border-bottom: 1px solid #e5e7eb;
  padding-bottom: 0.5rem;
}

.deal-view .detail-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 6px 12px;
  background-color: #f9fafb;
  border-radius: 0.72rem;
  margin-bottom: 6px;
  transition: background-color 0.2s ease;
}

.deal-view .detail-row:hover {
  background-color: #f3f4f6;
}

.deal-view .detail-row--full {
  display: block;
}

.deal-view .detail-row--description .label {
  display: block;
  max-width: 100%;
  margin-bottom: 0.5rem;
}

.deal-view .detail-row--description .show-more {
  z-index: 10;
}

.deal-view .detail-row--description .show-more--expanded {
  position: static;
  display: inline-block;
  margin-top: 0.5rem;
  transform: none;
  left: auto;
}

.deal-view .detail-row--description-collapsed {
  padding-bottom: 2rem;
}

.deal-view .detail-row--description-collapsed .show-more {
  position: absolute;
  bottom: 0.35rem;
  left: 50%;
  transform: translate(-50%, 0%);
}

.deal-view .detail-row--description-collapsed:hover .deal-description-scroll-hint__fade {
  background: linear-gradient(to bottom, rgba(243, 244, 246, 0) 0%, rgba(243, 244, 246, 0.88) 55%, #f3f4f6 100%);
}

.deal-view .detail-row .label {
  font-weight: 500;
  color: #374151;
  flex: 1;
  max-width: 60%;
  word-break: break-word;
  padding-right: 8px;
}

.deal-view .detail-row .value {
  flex: 0 0 auto;
  max-width: 50%;
  text-align: right;
  color: #4b5563;
  font-weight: 400;
  overflow-wrap: break-word;
}

.deal-view .deal-description-body {
  margin-left: -12px;
  margin-right: -12px;
  width: calc(100% + 24px);
}

.deal-view .deal-description-body--collapsed {
  overflow: hidden;
}

.deal-view .deal-description-body .deal-description-content {
  padding-left: 12px;
  padding-right: 12px;
}

.deal-view .deal-description-body .deal-description-content img {
  max-width: 100%;
  height: auto;
}

.deal-view .deal-description-scroll-hint {
  position: absolute;
  pointer-events: none;
  z-index: 9;
  display: flex;
}

.deal-view .deal-description-scroll-hint--bottom {
  left: 0;
  right: 0;
  bottom: 0;
  height: 2.75rem;
  justify-content: center;
  align-items: flex-end;
}

.deal-view .deal-description-scroll-hint__fade {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(249, 250, 251, 0) 0%, rgba(249, 250, 251, 0.88) 55%, #f9fafb 100%);
}

.deal-view .deal-description-content {
  color: #4b5563;
  font-weight: 400;
  text-align: left;
  overflow-wrap: break-word;
}

.deal-view .show-more {
  background: #f8f8f8;
  padding: 5px 10px;
  border-radius: 0.72rem;
  cursor: pointer;
  font-size: 12px;
  position: absolute;
  bottom: -30px;
  left: 50%;
  line-height: 110%;
  transform: translate(-50%, 0%);
  color: #2980b9;
  font-weight: 500;
}

.deal-view .detail-link {
  color: #2980b9;
  font-weight: 500;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  transition: color 0.2s ease;
}

.deal-view .detail-link:hover {
  color: #20638f;
  text-decoration: underline;
  cursor: pointer;
}

.deal-view .detail-link:hover .icon {
  transform: translateY(-2px);
}

.deal-view .detail-link .icon {
  font-size: 0.85rem;
  margin-left: 4px;
  transition: transform 0.2s ease;
}

.deal-view .contact-block {
  padding: 8px 12px;
  background-color: #f9fafb;
  border-radius: 0.72rem;
}

.deal-view .contact-type {
  font-weight: 600;
  color: #1f2937;
  margin-bottom: 6px;
}

.deal-view .contact-list {
  padding-left: 10px;
  color: #4b5563;
}

.deal-view .contact-line {
  font-size: 0.95rem;
  line-height: 1.6;
}

.deal-view-info-card .carousel {
  width: 100%;
}

.deal-view-info-card .product-img img {
  border-radius: 0.375rem;
  -o-object-fit: cover;
     object-fit: cover;
  height: 300px;
  width: 100%;
}

.deal-view-info-card .no-photos-placeholder {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 160px;
  border-radius: 0.375rem;
  background: #f3f2f7;
  color: #adb5bd;
  font-size: 2rem;
}

.deal-view-info-card .overlay-img-right {
  position: absolute;
  right: 10px;
  top: 10px;
  background: #f8f8f8;
  padding: 5px 10px;
  border-radius: 0.375rem;
  color: #1e1e1e;
  font-size: 12px;
  z-index: 100;
  font-weight: 600;
}

.deals-left-filter-sidebar .deals-inactive-days-filter-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.deals-left-filter-sidebar .deals-inactive-days-input-wrap {
  position: relative;
  flex: 1;
  min-width: 0;
}

.deals-left-filter-sidebar .deals-inactive-days-filter {
  width: 100%;
  padding-right: 1.75rem;
}

.deals-left-filter-sidebar .deals-inactive-days-filter.has-clear {
  padding-right: 1.75rem;
}

.deals-left-filter-sidebar .deals-inactive-days-clear {
  position: absolute;
  top: 50%;
  right: 0.35rem;
  transform: translateY(-50%);
  border: 0;
  background: transparent;
  color: #adb5bd;
  width: 20px;
  height: 20px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.deals-left-filter-sidebar .deals-inactive-days-clear:hover {
  color: #82868b;
}

.deals-left-filter-sidebar .deals-inactive-days-apply {
  flex-shrink: 0;
  white-space: nowrap;
}

.deals-form .deal-form-card {
  border-radius: 12px;
}

.deals-form .deal-form-card-title {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.2px;
  margin-bottom: 1rem;
}

.deals-form .deal-description-editor-wrap .quillWrapper,
.deals-form .deal-description-editor-wrap .ql-container,
.deals-form .deal-description-editor-wrap .ql-editor {
  min-height: 200px !important;
}

.deals-form .deal-description-editor-wrap .ql-editor {
  cursor: text;
}

.deals-form #deal-description-editor.quillWrapper,
.deals-form #deal-description-editor .ql-container,
.deals-form #deal-description-editor .ql-editor {
  min-height: 200px !important;
}

.deals-form #deal-description-editor .ql-editor {
  cursor: text;
}

.deals-form .address-search-results {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1055;
  max-height: 220px;
  overflow-y: auto;
}

.deals-form .address-search-results .vs__dropdown-option,
.deals-form .address-search-results .vs__no-options {
  white-space: normal;
  line-height: 1.2;
}

.deals-form .address-input {
  padding-right: 2.5rem;
}

.deals-form .address-locate-btn {
  position: absolute;
  right: 6px;
  top: 32px;
  padding: 0.25rem 0.4rem;
  line-height: 1;
  z-index: 3;
}

.leads-filters .dropdown-menu {
  min-width: 340px;
  padding: 1rem;
}

.leads-filters__body .form-group {
  margin-bottom: 0.75rem;
}

.leads-filters__body label {
  color: #5e5873;
  font-size: 0.857rem;
  font-weight: 600;
}

.lead-match {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.5rem 0;
}

.lead-match + .lead-match {
  border-top: 1px solid rgba(216, 214, 222, 0.6);
}

.lead-match__note {
  max-width: 180px;
  line-height: 1.2;
}

.is-invalid-select .vs__dropdown-toggle {
  border-color: #ea5455;
}

.lead-facts {
  display: grid;
  grid-template-columns: minmax(120px, 40%) 1fr;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  row-gap: 0.5rem;
  margin-bottom: 0;
}

.lead-facts dt {
  color: #5e5873;
  font-weight: 600;
}

.lead-facts dd {
  margin-bottom: 0;
  word-break: break-word;
}

.lead-facts__empty {
  font-style: italic;
}

.crm-activities-footnote {
  margin-top: 0.5rem;
  margin-bottom: 0;
  color: #716e87;
  font-size: 0.82rem;
}

.deal-cost-modals .deal-costs-empty {
  color: #6e6b7b;
  padding: 0.75rem 0;
}

.deal-cost-modals .deal-costs-amount {
  font-variant-numeric: tabular-nums;
  font-weight: 600;
}

.deal-cost-modals .deal-costs-ocr-status {
  display: flex;
  align-items: center;
  margin-top: 0.5rem;
  font-size: 0.857rem;
  color: #6e6b7b;
}

.deal-cost-modals .deal-costs-ocr-warn {
  margin-top: 0.5rem;
  font-size: 0.857rem;
  color: #ff9f43;
}

.deal-cost-modals .deal-costs-ocr-error {
  margin-top: 0.5rem;
  font-size: 0.857rem;
  color: #ea5455;
}

.deal-cost-modals .deal-costs-ocr-verified {
  margin-top: 0.5rem;
  font-size: 0.857rem;
  color: #28c76f;
}

.deal-cost-modals .deal-costs-file-list {
  margin-bottom: 1rem;
}

.deal-cost-modals .deal-costs-file-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.25rem 0;
}

.deal-cost-modals .deal-costs-file-thumb img {
  display: block;
  width: 36px;
  height: 36px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0.25rem;
  border: 1px solid rgba(34, 41, 47, 0.12);
}

.deal-cost-modals .deal-costs-file-name {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.deal-cost-modals .deal-costs-file-original {
  flex: 0 0 auto;
  font-size: 0.786rem;
  color: #6e6b7b;
}

.deal-cost-modals .deal-costs-hint {
  font-size: 0.857rem;
  color: #6e6b7b;
  margin-bottom: 0;
}

.deal-view-header {
  margin-bottom: 1.5rem;
}

.deal-view-header .dvh-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  padding: 1rem 1.5rem 0;
}

.deal-view-header .dvh-identity {
  flex: 1;
  min-width: 280px;
}

.deal-view-header .dvh-meta {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 2px;
  font-size: 0.857rem;
  color: #716e87;
}

.deal-view-header .dvh-ref {
  font-variant-numeric: tabular-nums;
  font-weight: 600;
}

.deal-view-header .dvh-type {
  font-size: 0.82rem;
  font-weight: 600;
  color: #2980b9;
  background: rgba(41, 128, 185, 0.1);
  border-radius: 5px;
  padding: 2px 8px;
}

.deal-view-header .dvh-type--ghost {
  color: #716e87;
  background: #f1f0f5;
  font-weight: 500;
}

.deal-view-header .dvh-title {
  margin: 0 0 4px;
  font-size: 1.35rem;
  font-weight: 700;
  color: #5e5873;
  line-height: 1.3;
  word-break: break-word;
}

.deal-view-header .dvh-sub {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  font-size: 0.857rem;
}

.deal-view-header .dvh-sub .dvh-partner {
  font-weight: 600;
}

.deal-view-header .dvh-sub .dvh-sep {
  color: #d8d6de;
}

.deal-view-header .dvh-sub .dvh-location i {
  color: #9a97a5;
  font-size: 11px;
  margin-right: 2px;
}

.deal-view-header .dvh-actions {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.deal-view-header .dvh-pipe {
  display: flex;
  gap: 4px;
  padding: 1rem 1.5rem 0;
}

.deal-view-header .dvh-pipe-step {
  flex: 1;
  min-width: 0;
  text-align: center;
}

.deal-view-header .dvh-pipe-step.is-done .dvh-pipe-bar {
  background: rgba(41, 128, 185, 0.45);
}

.deal-view-header .dvh-pipe-step.is-current .dvh-pipe-bar {
  background: #2980b9;
}

.deal-view-header .dvh-pipe-step.is-current .dvh-pipe-label {
  color: #5e5873;
  font-weight: 700;
}

.deal-view-header .dvh-pipe-step.is-current .dvh-pipe-days {
  color: #2980b9;
  font-weight: 600;
}

.deal-view-header .dvh-pipe-bar {
  height: 7px;
  border-radius: 4px;
  background: #e9e7ef;
}

.deal-view-header .dvh-pipe-label {
  margin-top: 4px;
  font-size: 10.5px;
  color: #716e87;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.deal-view-header .dvh-pipe-days {
  font-size: 10px;
  color: #9a97a5;
  font-variant-numeric: tabular-nums;
  min-height: 15px;
}

.deal-view-header .dvh-foot {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  padding: 0.5rem 1.5rem 0.75rem;
  font-size: 0.82rem;
  color: #716e87;
}

.deal-view-header .dvh-kpis {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  border-top: 1px solid #ebe9f1;
}

.deal-view-header .dvh-kpi {
  padding: 0.75rem 1rem;
  border-right: 1px solid #ebe9f1;
  min-width: 0;
}

.deal-view-header .dvh-kpi:last-child {
  border-right: 0;
}

.deal-view-header .dvh-kpi-label {
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #716e87;
  margin-bottom: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.deal-view-header .dvh-kpi-value {
  font-size: 1.15rem;
  font-weight: 700;
  color: #5e5873;
  font-variant-numeric: tabular-nums;
  line-height: 1.25;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.deal-view-header .dvh-kpi-value--danger {
  color: #ea5455;
}

.deal-view-header .dvh-kpi-value--muted {
  color: #716e87;
  font-weight: 500;
  font-size: 0.857rem;
}

.deal-view-header .dvh-kpi-sub {
  font-size: 11px;
  color: #716e87;
  margin-top: 1px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.deal-view-header .dvh-kpi-bar {
  height: 4px;
  border-radius: 2px;
  background: rgba(41, 128, 185, 0.12);
  margin-top: 6px;
  overflow: hidden;
}

.deal-view-header .dvh-kpi-bar span {
  display: block;
  height: 100%;
  background: #2980b9;
  border-radius: 2px;
}

.deal-view-header .dvh-dot {
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  margin-right: 5px;
  vertical-align: baseline;
}

.deal-view-header .dvh-dot--fresh {
  background: #28c76f;
}

.deal-view-header .dvh-dot--warm {
  background: #ff9f43;
}

.deal-view-header .dvh-dot--cold {
  background: #ea5455;
}

.deal-view-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 380px;
  gap: 1.5rem;
  align-items: start;
}

@media (max-width: 1199.98px) {
  .deal-view-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

.deal-view-side {
  display: grid;
  gap: 1.5rem;
  min-width: 0;
}

.deal-side-card__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 1.5rem;
  border-bottom: 1px solid #ebe9f1;
}

.deal-side-card__head h4 {
  margin: 0;
  font-size: 0.96rem;
  font-weight: 700;
  color: #5e5873;
}

.deal-side-card__count {
  font-size: 0.82rem;
  color: #716e87;
  font-variant-numeric: tabular-nums;
}

.deal-side-card__hint {
  margin: 0;
  padding: 0.75rem 1.5rem 1rem;
  font-size: 0.857rem;
  color: #716e87;
}

.deal-side-card__rows {
  padding: 0.5rem 1.5rem 0.75rem;
}

.deal-side-card__row {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: 5px 0;
  font-size: 0.857rem;
  border-bottom: 1px dashed #f1f0f5;
}

.deal-side-card__row:last-child {
  border-bottom: 0;
}

.deal-side-card__row .k {
  color: #716e87;
  flex: none;
}

.deal-side-card__row .v {
  color: #5e5873;
  font-weight: 500;
  text-align: right;
  min-width: 0;
  word-break: break-word;
}

.deal-side-card__row .v a {
  font-weight: 600;
}

.deal-side-card__row--stacked {
  display: block;
}

.deal-side-card__row--stacked > * {
  width: 100%;
}

.deal-side-card__description {
  padding: 0 1.5rem 1rem;
  font-size: 0.857rem;
}

.deal-side-card__description-label {
  display: block;
  font-size: 0.82rem;
  color: #716e87;
  margin-bottom: 2px;
}

.deal-side-card__map {
  padding: 0 1.5rem 1rem;
}

.deal-doc-row {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 1.5rem;
  border-bottom: 1px solid #f6f5f9;
  font-size: 0.857rem;
  color: inherit;
}

.deal-doc-row:hover {
  background: #f6f6f9;
}

.deal-doc-row:last-of-type {
  border-bottom: 0;
}

.deal-doc-row__icon {
  flex: none;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  background: rgba(41, 128, 185, 0.1);
  color: #2980b9;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
}

.deal-doc-row__main {
  flex: 1;
  min-width: 0;
}

.deal-doc-row__title {
  display: block;
  color: #5e5873;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.deal-doc-row__date {
  display: block;
  font-size: 0.82rem;
  color: #716e87;
  font-variant-numeric: tabular-nums;
}

.deal-doc-row__amount {
  flex: none;
  font-variant-numeric: tabular-nums;
  font-weight: 700;
  color: #5e5873;
}

.deal-doc-row__amount--negative {
  color: #ea5455;
}

.deal-doc-total {
  display: flex;
  justify-content: space-between;
  padding: 0.5rem 1.5rem;
  border-top: 1px solid #ebe9f1;
  font-size: 0.857rem;
  font-weight: 700;
  color: #5e5873;
  background: #fbfbfd;
  font-variant-numeric: tabular-nums;
}

.deal-photos-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
  padding: 0.75rem 1.5rem 1rem;
}

.deal-photos-grid__item {
  aspect-ratio: 4/3;
  border: 0;
  padding: 0;
  border-radius: 6px;
  overflow: hidden;
  cursor: pointer;
  background: #f8f8f8;
}

.deal-photos-grid__item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  transition: transform 0.2s ease;
}

.deal-photos-grid__item:hover img {
  transform: scale(1.05);
}

.deal-photos-grid__add {
  aspect-ratio: 4/3;
  margin: 0;
  border: 1.5px dashed #d8d6de;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #716e87;
  font-size: 16px;
  cursor: pointer;
  position: relative;
}

.deal-photos-grid__add:hover {
  border-color: #2980b9;
  color: #2980b9;
}

.deal-photos-grid__add.is-uploading {
  pointer-events: none;
}

.deal-photos-grid__input {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
}

.deal-team {
  display: inline-flex;
}

.deal-team__avatar {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #2980b9;
  color: #ffffff;
  font-size: 9.5px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #ffffff;
  margin-left: -6px;
}

.deal-team__avatar:first-child {
  margin-left: 0;
}

.timeline-count {
  font-size: 0.82rem;
  font-weight: 500;
  color: #716e87;
  font-variant-numeric: tabular-nums;
  margin-left: 4px;
}

.deals-timeline-search {
  position: relative;
  margin-bottom: 1.5rem;
}

.deals-timeline-search__icon {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #9a97a5;
  font-size: 12px;
  pointer-events: none;
}

.deals-timeline-search__input {
  padding-left: 34px;
  padding-right: 34px;
  background: #fbfbfd;
}

.deals-timeline-search__clear {
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
  border: 0;
  background: none;
  padding: 4px 8px;
  color: #9a97a5;
  cursor: pointer;
}

.deals-timeline-search__clear:hover {
  color: #5e5873;
}

.deals-timeline .timeline-entry-header {
  margin-bottom: 2px;
}

.deals-timeline .timeline-entry-cat {
  font-weight: 700;
  color: #5e5873;
}

.deals-timeline .note-text {
  margin-bottom: 0.25rem;
}

.timeline-stage-entry {
  padding-bottom: 0.25rem;
}

.timeline-stage-entry .timeline-entry-title {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.note-next-contact {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 0.75rem;
  padding: 3px 10px;
  border-radius: 6px;
  background: rgba(41, 128, 185, 0.08);
  color: #2980b9;
  font-size: 0.82rem;
  font-weight: 600;
}

.note-next-contact--overdue {
  background: rgba(234, 84, 85, 0.1);
  color: #ea5455;
}

.timeline-entry-edit {
  border: 0;
  background: none;
  padding: 4px 8px;
  border-radius: 6px;
  color: #9a97a5;
  font-size: 12px;
  cursor: pointer;
}

.timeline-entry-edit:hover,
.timeline-entry-edit:focus-visible {
  color: #2980b9;
  background: rgba(41, 128, 185, 0.08);
}

.deal-side-card__row--stacked {
  border-bottom: 0;
  padding: 2px 0;
}

.deal-side-card .custom-field-table-preview td {
  border-bottom: 0;
  height: auto;
  padding: 3px 0;
}

.deals-form {
  max-width: 1100px;
  margin: 0 auto;
}

.deals-form__name {
  font-size: 1.1rem;
  font-weight: 600;
}

.deals-form__status-dot {
  display: inline-block;
  width: 9px;
  height: 9px;
  border-radius: 3px;
  margin-right: 7px;
  vertical-align: baseline;
}

.deals-form__prob {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.deals-form__prob-range {
  flex: 1;
  accent-color: #2980b9;
  min-width: 0;
}

.deals-form__prob-num {
  flex: 0 0 110px;
}

.deals-form__weighted {
  color: #716e87;
}

.deals-form__weighted strong {
  color: #5e5873;
  font-variant-numeric: tabular-nums;
}

.deals-form__map-toggle {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  padding: 0.75rem 1rem;
  border: 1.5px dashed #d8d6de;
  border-radius: 8px;
  background: #fbfbfd;
  color: #6e6b7b;
  font-size: 0.857rem;
  font-weight: 600;
  cursor: pointer;
}

.deals-form__map-toggle i {
  color: #2980b9;
}

.deals-form__map-toggle:hover {
  border-color: #2980b9;
  color: #2980b9;
}

.deals-form__map-hide {
  margin-top: 0.5rem;
  border: 0;
  background: none;
  padding: 0;
  color: #2980b9;
  font-size: 0.82rem;
  font-weight: 600;
  cursor: pointer;
}

.deals-form__map-hide:hover {
  text-decoration: underline;
}

.deals-form__contact-row {
  display: grid;
  grid-template-columns: 28px 160px 1fr 1fr 34px;
  gap: 10px;
  align-items: center;
  margin-bottom: 0.5rem;
}

@media (max-width: 767.98px) {
  .deals-form__contact-row {
    grid-template-columns: 28px 1fr 34px;
  }

  .deals-form__contact-row .form-control:nth-of-type(2) {
    grid-column: 2;
  }
}

.deals-form__contact-handle {
  color: #9a97a5;
  cursor: grab;
  text-align: center;
}

.deals-form__add-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 0.25rem;
  border: 0;
  background: none;
  padding: 0;
  color: #2980b9;
  font-size: 0.857rem;
  font-weight: 600;
  cursor: pointer;
}

.deals-form__add-link:hover {
  text-decoration: underline;
}

.deal-status-required-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 0.25rem 1rem;
}

.note-single .note-deal-fields {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}

.note-single .old-value {
  color: #adb5bd;
}

.note-single .arrow-icon {
  font-size: 0.65rem;
  color: #adb5bd;
}

.note-single .note-field-chip {
  display: inline-flex;
  align-items: center;
  font-size: 0.8rem;
  color: #5e5873;
  background: #f3f2f7;
  border-radius: 0.25rem;
  padding: 2px 8px;
  gap: 2px;
}

.note-single .field-label {
  font-weight: 600;
  margin-right: 4px;
  color: #5e5873;
}

.note-single .show-more {
  background: #f8f8f8;
  padding: 5px 10px;
  border-radius: 0.25rem;
  cursor: pointer;
  font-size: 12px;
  position: absolute;
  bottom: -30px;
  left: 50%;
  line-height: 110%;
  transform: translate(-50%, 0);
}

.note-single .contact-entry .contact-type {
  font-weight: 600;
}

.note-single .timeline-meta {
  font-size: 0.857rem;
  margin-left: 0.35rem;
}

.note-single .timeline-entry-header {
  gap: 0.75rem;
}

.note-single .timeline-entry-title {
  min-width: 0;
  padding-right: 0.5rem;
}

.note-single .timeline-entry-actions {
  gap: 0.15rem;
  min-width: 57px;
  justify-content: flex-end;
}

.note-single .timeline-entry-menu-slot {
  width: 27px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.note-single .timeline-attachments-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.timeline-image-card {
  width: 150px;
  height: 168px;
  border: 1px solid #ebe9f1;
  border-radius: 0.357rem;
  overflow: hidden;
  background: #ffffff;
  display: flex;
  flex-direction: column;
}

.timeline-image-card__media {
  flex: 0 0 110px;
  height: 110px;
  width: 100%;
  background: #f3f2f7;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.timeline-image-card__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.timeline-image-card__placeholder {
  color: #adb5bd;
  font-size: 1.5rem;
}

.timeline-image-card__footer {
  flex: 1;
  min-height: 0;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.4rem 0.45rem;
}

.timeline-image-card__info {
  flex: 1;
  min-width: 0;
}

.timeline-image-card__name {
  font-size: 0.75rem;
  font-weight: 500;
  color: #5e5873;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.2;
}

.timeline-image-card__date {
  font-size: 0.65rem;
  color: #adb5bd;
  line-height: 1.2;
  margin-top: 0.1rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.timeline-image-card__download {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  font-size: 0.75rem;
  border: 0;
  background: transparent;
  color: #82868b;
  border-radius: 0.3rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  transition: color 0.2s ease, background-color 0.2s ease;
}

.timeline-image-card__download:hover:not(:disabled) {
  color: #2980b9;
  background-color: rgba(41, 128, 185, 0.08);
}

.timeline-image-card__download:disabled {
  opacity: 0.7;
  cursor: wait;
}

.deal-cost-single__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}

.deal-cost-single__title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.deal-cost-single__label {
  font-weight: 600;
  color: #5e5873;
}

.deal-cost-single__amount {
  font-variant-numeric: tabular-nums;
  font-weight: 600;
}

.deal-cost-single__meta {
  font-size: 0.857rem;
  color: #6e6b7b;
  margin-top: 0.15rem;
}

.deal-cost-single__desc {
  margin-top: 0.35rem;
}

.deal-cost-single__files {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.35rem;
}

.deal-cost-single__thumb img {
  display: block;
  width: 44px;
  height: 44px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0.25rem;
  border: 1px solid rgba(34, 41, 47, 0.12);
}

.deal-cost-single__receipt {
  display: inline-block;
  font-size: 0.857rem;
}

.deal-cost-single__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  margin-top: 0.5rem;
}

.work-orders-index .list-view .list-view-status-indicator {
  position: absolute;
  right: 12px;
  top: 12px;
}

.work-orders-index .maintenance-list-priority {
  padding: 2px 10px;
  border-radius: 0.72rem;
  background: #f8f8f8;
  font-size: 0.857rem;
  font-weight: 600;
}

.work-orders-index .skeleton {
  position: relative;
  overflow: hidden;
  background-color: #e0e0e0;
  border-radius: 0.72rem;
  min-height: 1rem;
}

.work-orders-index .skeleton::after {
  content: "";
  position: absolute;
  top: 0;
  left: -150px;
  height: 100%;
  width: 150px;
  background: linear-gradient(to right, transparent 0%, rgba(255, 255, 255, 0.4) 50%, transparent 100%);
  animation: deals-index-skeleton-loading 1.2s infinite;
}

.work-orders-index .deals-grid-view .maintenance-grid-reference {
  position: absolute;
  z-index: 3;
  padding: 5px 10px;
  border-radius: 0.72rem;
  background: rgba(255, 255, 255, 0.94);
  color: #5e5873;
  font-size: 0.857rem;
  font-weight: 600;
  line-height: 1.45;
  white-space: nowrap;
  box-shadow: 0 1px 4px rgba(34, 41, 47, 0.2);
  top: 10px;
  left: 10px;
}

.work-orders-index .deals-grid-view .maintenance-grid-priority {
  position: absolute;
  z-index: 3;
  padding: 5px 10px;
  border-radius: 0.72rem;
  background: rgba(255, 255, 255, 0.94);
  color: #5e5873;
  font-size: 0.857rem;
  font-weight: 600;
  line-height: 1.45;
  white-space: nowrap;
  box-shadow: 0 1px 4px rgba(34, 41, 47, 0.2);
  top: 10px;
  right: 10px;
}

.work-orders-index .wo-skeleton-card-grid {
  min-height: 320px;
}

.work-orders-index .wo-skeleton-card-list {
  min-height: 160px;
}

.devices-index .list-view .list-view-status-indicator {
  position: absolute;
  right: 12px;
  top: 12px;
}

.devices-index .maintenance-list-priority {
  padding: 2px 10px;
  border-radius: 0.72rem;
  background: #f8f8f8;
  font-size: 0.857rem;
  font-weight: 600;
}

.devices-index .skeleton {
  position: relative;
  overflow: hidden;
  background-color: #e0e0e0;
  border-radius: 0.72rem;
  min-height: 1rem;
}

.devices-index .skeleton::after {
  content: "";
  position: absolute;
  top: 0;
  left: -150px;
  height: 100%;
  width: 150px;
  background: linear-gradient(to right, transparent 0%, rgba(255, 255, 255, 0.4) 50%, transparent 100%);
  animation: deals-index-skeleton-loading 1.2s infinite;
}

.devices-index .deals-grid-view .maintenance-grid-reference {
  position: absolute;
  z-index: 3;
  padding: 5px 10px;
  border-radius: 0.72rem;
  background: rgba(255, 255, 255, 0.94);
  color: #5e5873;
  font-size: 0.857rem;
  font-weight: 600;
  line-height: 1.45;
  white-space: nowrap;
  box-shadow: 0 1px 4px rgba(34, 41, 47, 0.2);
  top: 10px;
  left: 10px;
}

.devices-index .device-skeleton-card-grid {
  min-height: 320px;
}

.devices-index .device-skeleton-card-list {
  min-height: 140px;
}

.maintenance-view-info-card .list-group-item {
  padding: 2px 0 !important;
}

.maintenance-view-info-card .carousel {
  width: 100%;
}

.maintenance-view-info-card .product-img img {
  border-radius: 0.375rem;
  -o-object-fit: cover;
     object-fit: cover;
  height: 300px;
  width: 100%;
}

.maintenance-view-info-card .overlay-img-right {
  position: absolute;
  right: 10px;
  top: 10px;
  background: #f8f8f8;
  padding: 5px 10px;
  border-radius: 0.72rem;
  color: #1e1e1e;
  font-size: 12px;
  z-index: 100;
  font-weight: 600;
}

.maintenance-deals-form .uploaded-wrap {
  display: block;
  width: 170px;
  height: 125px;
}

.maintenance-deals-form .uploaded-wrap img {
  width: 170px;
  height: 125px;
  -o-object-fit: cover;
     object-fit: cover;
}

.maintenance-deals-form .uploaded-wrap .badge {
  position: absolute;
  top: -10px;
  padding: 4px;
  cursor: pointer;
  max-width: 40px;
}

.maintenance-deals-form .badge-left {
  left: -5px;
}

.maintenance-deals-form .badge-right {
  right: -5px;
}

.maintenance-deals-form .enlarged-image {
  width: 50%;
  height: 50%;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: 0.4s;
}

.maintenance-deals-form .enlargeable-image .full.enlarged {
  left: 2.5% !important;
  top: 2.5% !important;
  width: 95% !important;
  height: 95% !important;
  z-index: 222222 !important;
}

.maintenance-deals-form .enlargeable-image .full.enlarging {
  z-index: 222222 !important;
}

.work-order-items-tab .wo-items-table th {
  background: #f3f2f7;
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: #5e5873;
  padding: 0.4rem 0.5rem;
  border-bottom: 1px solid #ebe9f1;
}

.work-order-items-tab .wo-item-row td {
  padding: 0.4rem 0.5rem;
  vertical-align: middle;
  border-bottom: 1px solid #f3f2f7;
  font-size: 0.857rem;
}

.work-order-items-tab .wo-item-edit-row td {
  padding: 0.35rem 0.5rem;
  vertical-align: top;
  background: #fafafc;
}

.work-order-items-tab .wo-items-total-row td {
  padding: 0.5rem;
  border-top: 2px solid #ebe9f1;
  font-size: 0.9rem;
}

.work-order-items-tab .item-name {
  font-weight: 500;
  color: #5e5873;
}

.work-order-items-tab .item-note {
  font-size: 0.78rem;
  margin-top: 2px;
}

.work-order-items-tab .item-type-badge {
  display: inline-block;
  font-size: 0.7rem;
  padding: 1px 6px;
  border-radius: 10px;
  font-weight: 500;
  margin-left: 4px;
  vertical-align: middle;
}

.work-order-items-tab .badge-service {
  background: #e8f4fd;
  color: #2980b9;
}

.work-order-items-tab .badge-item {
  background: #e8f8f0;
  color: #28c76f;
}

.work-order-items-tab .table-action-btn {
  cursor: pointer;
  color: #82868b;
  transition: color 0.15s ease-in-out;
}

.work-order-items-tab .table-action-btn:hover {
  color: #2980b9;
}

.work-order-items-tab .wo-add-item-form {
  background: #f8f8f8;
  border-radius: 0.375rem;
  border: 1px solid #ebe9f1;
}

.work-order-items-tab .mt-25 {
  margin-top: 0.25rem;
}

.employees-index .deals-grid-view .employee-grid-image-wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 1/1;
  overflow: hidden;
  background-color: #f8f8f8;
  border-top-left-radius: 0.72rem;
  border-top-right-radius: 0.72rem;
}

.employees-index .deals-grid-view .employee-grid-image-skeleton {
  width: 100%;
  height: 100%;
  border-radius: 0;
}

.employees-index .deals-grid-view .employee-grid-overlay-skeleton {
  position: absolute;
  z-index: 3;
  border-radius: 0.72rem;
}

.employees-index .deals-grid-view .employee-grid-overlay-skeleton--top-left {
  top: 10px;
  left: 10px;
  width: 64px;
  height: 26px;
}

.employees-index .deals-grid-view .employee-grid-overlay-skeleton--top-right {
  top: 10px;
  right: 10px;
  width: 32px;
  height: 26px;
}

.employees-index .deals-grid-view .ecommerce-card {
  width: 100%;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}

.employees-index .deals-grid-view .ecommerce-card .card-body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}

.employees-index .employee-skeleton-card-grid {
  min-height: 300px;
  overflow: hidden;
}

.employees-index .employee-skeleton-card-list {
  min-height: 220px;
}

.employee-card .card-img-top {
  -o-object-fit: contain;
     object-fit: contain;
  height: auto;
  aspect-ratio: 1/1;
}

.employee-card .shop-grid-image-wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 1/1;
  overflow: hidden;
  background-color: #f8f8f8;
  border-top-left-radius: 0.72rem;
  border-top-right-radius: 0.72rem;
}

.employee-card .shop-grid-image-wrap .shop-grid-image-link {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

.employee-card .shop-grid-image-wrap .shop-grid-image {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  display: block;
  opacity: 0;
  transform: scale(var(--shop-image-cover-scale, 1));
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s ease;
}

.employee-card .shop-grid-image-wrap .shop-grid-image--ready {
  opacity: 1;
}

.employee-card .shop-grid-image-wrap .shop-grid-image--placeholder {
  -o-object-fit: cover;
     object-fit: cover;
  transform: none;
  opacity: 1;
}

.employee-card .shop-grid-image-wrap:hover .shop-grid-image:not(.shop-grid-image--placeholder) {
  transform: scale(1);
}

.employee-card .overlay-img-left,
.employee-card .overlay-img-right {
  padding: 5px 10px;
  border-radius: 0.72rem;
  font-size: 0.857rem;
  font-weight: 600;
  line-height: 1.45;
  white-space: nowrap;
  box-shadow: 0 1px 4px rgba(34, 41, 47, 0.2);
}

.employee-card .overlay-img-left {
  position: absolute;
  left: 10px;
  top: 10px;
  z-index: 3;
  background: rgba(255, 255, 255, 0.94);
  color: #5e5873;
}

.employee-card .overlay-img-right-link {
  position: absolute;
  right: 12px;
  top: 12px;
  z-index: 4;
  color: #1e1e1e;
}

.employee-card .overlay-img-right {
  background: rgba(255, 255, 255, 0.94);
  color: #5e5873;
}

.employee-card .icon-wrap {
  border-radius: 0.72rem;
  background: rgba(41, 128, 185, 0.23);
  text-align: center;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.employee-card .icon-wrap i {
  font-size: 12px;
  font-weight: 600;
  color: #2980b9;
}

.employee-card .employee-card-meta-item {
  padding-bottom: 10px;
  font-size: 15px;
  font-weight: 300;
  line-height: 1.45;
}

.employee-card .employee-card-meta-item:last-child {
  padding-bottom: 0;
}

.employee-card .employees-card-body--grid {
  padding-top: 12px;
  padding-left: 12px;
  padding-right: 12px;
}

.employee-card .employees-card-body--grid .item-name {
  font-size: 1.1rem;
}

.employee-info-card .employee-info-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 0.5rem;
}

.employee-info-card .employee-info-col {
  min-width: 0;
}

.employee-info-card .employee-info-col.col-mr {
  margin-right: 1rem;
}

.employee-info-card .employee-info-col-image {
  flex: 0 0 auto;
}

.employee-info-card .employee-info-col-main {
  flex: 1 1 12rem;
}

.employee-info-card .employee-info-col-details {
  flex: 1 1 18rem;
  border-left: 1px solid #d8d6de;
  padding-left: 1rem;
}

.employee-info-card .employee-info-main-inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: left;
}

.employee-info-card .employee-name {
  font-size: 1.5rem;
  font-weight: bold;
  display: block;
  margin-bottom: 0.25rem;
}

.employee-info-card .employee-role {
  margin-bottom: 0.5rem;
}

.employee-info-card .data-box-row {
  display: flex;
}

.employee-info-card .sm-data-box .icon-wrap i {
  color: #2980b9;
}

.employee-info-card .detail-row {
  display: flex;
  justify-content: flex-start;
}

.employee-info-card .employee-details-list {
  border: none !important;
}

.employee-info-card .employee-details-list.list-group {
  border: none !important;
}

.employee-info-card .employee-details-list .list-group-item {
  border: none !important;
}

.employee-info-card .drop-zone {
  min-height: 180px;
  height: auto !important;
  border-radius: 0.6rem !important;
}

.employee-info-card .drop-zone.image-drop {
  border-radius: 0.6rem;
  width: 180px;
  min-width: 180px;
  min-height: 180px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  cursor: pointer;
  transition: 0.3s ease;
}

.employee-info-card .icon-image {
  height: 100%;
}

.employee-info-card .employee-avatar,
.employee-info-card .employee-avatar img {
  width: 180px !important;
  height: 180px !important;
  min-width: 180px;
  min-height: 180px;
  cursor: pointer;
}

.employee-info-card .box__uploading {
  width: 100%;
  height: 100%;
  border-radius: 0.6rem;
  left: 0;
  position: absolute;
  background: #ffffff;
  top: 0;
  display: flex;
  align-items: center;
  text-align: center;
  overflow: hidden;
}

.employee-info-card .employee-info-preview-image {
  max-width: 100%;
  max-height: 70vh;
}

@media (max-width: 767px) {
  .employee-info-card .employee-info-col {
    flex: 1 1 100%;
    margin-bottom: 1rem;
  }

  .employee-info-card .employee-info-col.col-mr {
    margin-right: 0;
  }

  .employee-info-card .employee-info-col-details {
    margin-bottom: 0;
    border-left: none;
    padding-left: 0;
  }
}

.period-summary {
  background: #f3f2f7;
  border-left: 3px solid #2980b9;
  border-radius: 0.25rem;
  padding: 0.5rem 0.75rem;
}

.period-summary__counts {
  font-size: 0.857rem;
  color: #5e5873;
  font-weight: 500;
  margin-bottom: 0.25rem;
}

.period-summary__num {
  color: #2980b9;
  font-weight: 600;
}

.period-summary__holiday {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.857rem;
  color: #6e6b7b;
  line-height: 1.6;
}

.period-summary__date {
  color: #82868b;
  min-width: 6rem;
}

.period-summary__name {
  color: #5e5873;
}

.period-summary__badge {
  font-size: 0.75rem;
  background: rgba(41, 128, 185, 0.12);
  color: #2980b9;
  padding: 1px 6px;
  border-radius: 3px;
  font-weight: 500;
}

.employee-user-module .form-padding {
  padding: 5px 15px;
}

.hierarchy-section,
.dept-view-section {
  border: 1px solid #ebe9f1;
  border-radius: 10px;
  overflow: hidden;
}

.hierarchy-header,
.dept-view-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px;
  background: #f8f8f8;
  border-bottom: 1px solid #ebe9f1;
}

.hierarchy-header {
  cursor: pointer;
}

.hierarchy-title,
.dept-view-header {
  font-size: 0.857rem;
  font-weight: 600;
  color: #5e5873;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.hierarchy-add-btn {
  font-size: 0.8rem;
  padding: 3px 10px;
  border-radius: 0.375rem;
}

.hierarchy-tree {
  padding: 20px 14px 16px;
  min-height: 80px;
}

.hierarchy-tree--empty {
  display: flex;
  align-items: center;
  justify-content: center;
}

.hierarchy-empty-hint,
.con-empty-hint {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 16px 0;
  opacity: 0.45;
}

.con-empty-hint {
  padding: 40px 0;
}

.hierarchy-scroll,
.con-scroll,
.dept-view-scroll {
  overflow-x: auto;
  padding: 20px 14px 16px;
  text-align: center;
}

.hierarchy-scroll {
  padding-bottom: 4px;
}

.hierarchy-root-row,
.con-root-row,
.dept-view-root-row {
  display: inline-flex;
  align-items: flex-start;
  justify-content: center;
  gap: 0;
}

.con-children-row,
.shn-children-row,
.shnv-children-row,
.conv-children-row {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 0;
}

.con-children-row > .con-wrapper,
.con-root-row > .con-wrapper {
  padding: 0 14px;
}

.con-children-row > .con-wrapper {
  padding-top: 0;
  position: relative;
}

.con-children-row > .con-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: #dae1e7;
}

.con-children-row > .con-wrapper::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 2px;
  height: 22px;
  background: #dae1e7;
}

.con-children-row > .con-wrapper:first-child::before {
  left: 50%;
}

.con-children-row > .con-wrapper:last-child::before {
  right: 50%;
}

.con-children-row > .con-wrapper > .con-card,
.con-children-row > .con-wrapper > .con-vline,
.con-children-row > .con-wrapper > .con-empty-drop {
  margin-top: 22px;
}

.con-ghost {
  opacity: 0.4;
  border-radius: 10px;
}

.shn-children-row > .shn-wrapper,
.hierarchy-root-row > .shn-wrapper {
  padding: 0 14px;
}

.shn-children-row > .shn-wrapper {
  padding-top: 0;
  position: relative;
}

.shn-children-row > .shn-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: #dae1e7;
}

.shn-children-row > .shn-wrapper::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 2px;
  height: 22px;
  background: #dae1e7;
}

.shn-children-row > .shn-wrapper:first-child::before {
  left: 50%;
}

.shn-children-row > .shn-wrapper:last-child::before {
  right: 50%;
}

.shn-children-row > .shn-wrapper > .shn-card,
.shn-children-row > .shn-wrapper > .shn-vline,
.shn-children-row > .shn-wrapper > .shn-empty-drop {
  margin-top: 22px;
}

.shn-ghost {
  opacity: 0.4;
  border-radius: 10px;
}

.dept-view-root-row > .shnv-wrapper,
.shnv-children-row > .shnv-wrapper {
  padding: 0 14px;
}

.shnv-children-row > .shnv-wrapper {
  position: relative;
}

.shnv-children-row > .shnv-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: #dae1e7;
}

.shnv-children-row > .shnv-wrapper::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 2px;
  height: 22px;
  background: #dae1e7;
}

.shnv-children-row > .shnv-wrapper:first-child::before {
  left: 50%;
}

.shnv-children-row > .shnv-wrapper:last-child::before {
  right: 50%;
}

.shnv-children-row > .shnv-wrapper > .shnv-card {
  margin-top: 22px;
}

.shnv-children-row > .shnv-wrapper > .shnv-vline,
.shnv-children-row > .shnv-wrapper > .shnv-children-row {
  margin-top: 0;
}

.dept-list {
  display: flex;
  flex-direction: column;
}

.dept-list-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4px 0;
  border-bottom: 1px solid #f3f2f7;
  font-size: 0.857rem;
  color: #5e5873;
}

.dept-list-row:last-child {
  border-bottom: none;
}

.dept-list-name {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dept-list-actions {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
  margin-left: 8px;
}

.dept-action-btn--edit {
  width: 24px;
  height: 24px;
  border-radius: 0.25rem;
  border: 1px solid #ebe9f1;
  background: transparent;
  color: #2980b9;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  text-decoration: none;
  transition: background 0.12s, border-color 0.12s;
}

.dept-action-btn--edit:hover {
  background: rgba(41, 128, 185, 0.08);
  border-color: #2980b9;
  color: #2980b9;
}

.dept-leave-row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 6px 14px;
  border-bottom: 1px solid #f3f2f7;
  font-size: 0.857rem;
}

.dept-leave-row:last-child {
  border-bottom: none;
}

.dept-leave-order {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #ebe9f1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  font-weight: 600;
  color: #6e6b7b;
  flex-shrink: 0;
}

.dept-leave-name {
  color: #5e5873;
  font-weight: 500;
}

.con-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

.con-card {
  width: 230px;
  background: #ffffff;
  border: 1px solid #ebe9f1;
  border-radius: 10px;
  padding: 10px 10px 8px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
  transition: box-shadow 0.15s;
}

.con-card:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.con-card--invalid {
  border-color: #ea5455 !important;
  box-shadow: 0 0 0 3px rgba(234, 84, 85, 0.15) !important;
}

.con-card-top {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-bottom: 7px;
}

.con-grip {
  color: #c4c4c4;
  cursor: grab;
  font-size: 11px;
  flex-shrink: 0;
}

.con-grip:active {
  cursor: grabbing;
}

.con-type-toggle {
  display: flex;
  border: 1px solid #ebe9f1;
  border-radius: 0.375rem;
  overflow: hidden;
  flex-shrink: 0;
}

.con-toggle-btn {
  width: 26px;
  height: 24px;
  border: none;
  background: transparent;
  color: #b8c2cc;
  font-size: 11px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.12s, color 0.12s;
  padding: 0;
}

.con-toggle-btn + .con-toggle-btn {
  border-left: 1px solid #ebe9f1;
}

.con-toggle-btn--active {
  background: #2980b9;
  color: #ffffff;
}

.con-chain-btn {
  width: 24px;
  height: 24px;
  border-radius: 0.375rem;
  border: 1px solid #ebe9f1;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  cursor: pointer;
  flex-shrink: 0;
  transition: background 0.12s, border-color 0.12s, color 0.12s;
  padding: 0;
}

.con-chain-btn--defined {
  background: #2980b9;
  border-color: #2980b9;
  color: #ffffff;
}

.con-chain-btn--inherited {
  color: #adb5bd;
  cursor: not-allowed;
}

.con-chain-btn--empty {
  color: #b8c2cc;
}

.con-chain-btn--empty:hover {
  background: rgba(41, 128, 185, 0.08);
  border-color: #2980b9;
  color: #2980b9;
}

.con-actions {
  display: flex;
  gap: 3px;
  margin-left: auto;
  flex-shrink: 0;
}

.con-btn {
  width: 24px;
  height: 24px;
  border-radius: 0.375rem;
  border: 1px solid #ebe9f1;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  cursor: pointer;
  transition: background 0.12s, border-color 0.12s, color 0.12s;
  padding: 0;
}

.con-btn--add {
  color: #2980b9;
}

.con-btn--add:hover {
  background: rgba(41, 128, 185, 0.08);
  border-color: #2980b9;
}

.con-btn--remove {
  color: #ea5455;
}

.con-btn--remove:hover {
  background: rgba(234, 84, 85, 0.08);
  border-color: #ea5455;
}

.con-card-name {
  margin-bottom: 2px;
}

.con-priv-group {
  display: flex;
  border: 1px solid #ebe9f1;
  border-radius: 0.375rem;
  overflow: hidden;
  margin-bottom: 7px;
}

.con-priv-btn {
  flex: 1;
  border: none;
  background: transparent;
  color: #adb5bd;
  font-size: 0.7rem;
  font-weight: 500;
  padding: 3px 0;
  cursor: pointer;
  transition: background 0.12s, color 0.12s;
  white-space: nowrap;
}

.con-priv-btn + .con-priv-btn {
  border-left: 1px solid #ebe9f1;
}

.con-priv-btn--active {
  font-weight: 600;
  color: #ffffff;
}

.lh-type-toggle {
  display: flex;
  border: 1px solid #ebe9f1;
  border-radius: 0.375rem;
  overflow: hidden;
}

.lh-toggle-btn {
  width: 28px;
  height: 32px;
  border: none;
  background: transparent;
  color: #b8c2cc;
  font-size: 11px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.12s, color 0.12s;
  padding: 0;
}

.lh-toggle-btn + .lh-toggle-btn {
  border-left: 1px solid #ebe9f1;
}

.lh-toggle-btn--active {
  background: #2980b9;
  color: #ffffff;
}

.con-vline {
  width: 2px;
  height: 22px;
  background: #dae1e7;
  flex-shrink: 0;
}

.con-empty-drop {
  width: 230px;
  min-height: 28px;
  border: 2px dashed #dae1e7;
  border-radius: 0.375rem;
  margin-top: 4px;
}

.con-ghost .con-card {
  opacity: 0.35;
  background: rgba(41, 128, 185, 0.08);
}

.conv-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

.conv-card {
  background: #ffffff;
  border: 1px solid #ebe9f1;
  border-radius: 0.6rem;
  padding: 6px 12px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
  min-width: 140px;
  max-width: 210px;
  position: relative;
}

.conv-card-inner {
  display: flex;
  align-items: center;
  gap: 6px;
}

.conv-type-icon {
  color: #b8c2cc;
  font-size: 11px;
  flex-shrink: 0;
}

.conv-label {
  font-size: 0.82rem;
  color: #5e5873;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
  min-width: 0;
}

.conv-priv-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}

.conv-chain-btn {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  background: rgba(41, 128, 185, 0.08);
  border: 1px solid #2980b9;
  border-radius: 10px;
  color: #2980b9;
  font-size: 9px;
  padding: 1px 5px;
  cursor: pointer;
  flex-shrink: 0;
  transition: background 0.12s;
}

.conv-chain-btn:hover {
  background: #2980b9;
  color: #ffffff;
}

.conv-chain-popup {
  background: #ffffff;
  border: 1px solid #ebe9f1;
  border-radius: 0.6rem;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
  padding: 8px 10px;
  min-width: 170px;
}

.conv-chain-popup-title {
  font-size: 0.75rem;
  font-weight: 600;
  color: #5e5873;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-bottom: 6px;
  border-bottom: 1px solid #f3f2f7;
  padding-bottom: 4px;
}

.conv-chain-step {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 3px 0;
  font-size: 0.8rem;
  color: #5e5873;
}

.conv-chain-step-num {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #f3f2f7;
  color: #82868b;
  font-size: 0.7rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.conv-chain-step-icon {
  color: #b8c2cc;
  font-size: 10px;
  flex-shrink: 0;
}

.conv-chain-step-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.conv-vline {
  width: 2px;
  height: 18px;
  background: #dae1e7;
  flex-shrink: 0;
}

.conv-children-row > .conv-wrapper {
  padding: 0 10px;
  position: relative;
}

.conv-children-row > .conv-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: #dae1e7;
}

.conv-children-row > .conv-wrapper::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 2px;
  height: 18px;
  background: #dae1e7;
}

.conv-children-row > .conv-wrapper:first-child::before {
  left: 50%;
}

.conv-children-row > .conv-wrapper:last-child::before {
  right: 50%;
}

.conv-children-row > .conv-wrapper > .conv-card,
.conv-children-row > .conv-wrapper > .conv-vline,
.conv-children-row > .conv-wrapper > .conv-children-row {
  margin-top: 18px;
}

.shn-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

.shn-card {
  width: 260px;
  background: #ffffff;
  border: 1px solid #ebe9f1;
  border-radius: 10px;
  padding: 10px 10px 8px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
  transition: box-shadow 0.15s;
  cursor: default;
}

.shn-card:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.shn-card--invalid {
  border-color: #ea5455 !important;
  box-shadow: 0 0 0 3px rgba(234, 84, 85, 0.15) !important;
}

.shn-card-top {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 7px;
}

.shn-grip {
  color: #c4c4c4;
  cursor: grab;
  font-size: 11px;
  flex-shrink: 0;
}

.shn-grip:active {
  cursor: grabbing;
}

.shn-type-toggle {
  display: flex;
  border: 1px solid #ebe9f1;
  border-radius: 0.375rem;
  overflow: hidden;
  flex-shrink: 0;
}

.shn-toggle-btn {
  width: 26px;
  height: 24px;
  border: none;
  background: transparent;
  color: #b8c2cc;
  font-size: 11px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.12s, color 0.12s;
  padding: 0;
}

.shn-toggle-btn + .shn-toggle-btn {
  border-left: 1px solid #ebe9f1;
}

.shn-toggle-btn--active {
  background: #2980b9;
  color: #ffffff;
}

.shn-actions {
  display: flex;
  gap: 3px;
  margin-left: auto;
  flex-shrink: 0;
}

.shn-btn {
  width: 24px;
  height: 24px;
  border-radius: 0.375rem;
  border: 1px solid #ebe9f1;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  cursor: pointer;
  transition: background 0.12s, border-color 0.12s, color 0.12s;
  padding: 0;
}

.shn-btn--add {
  color: #2980b9;
}

.shn-btn--add:hover {
  background: rgba(41, 128, 185, 0.08);
  border-color: #2980b9;
}

.shn-btn--remove {
  color: #ea5455;
}

.shn-btn--remove:hover {
  background: rgba(234, 84, 85, 0.08);
  border-color: #ea5455;
}

.shn-card-name {
  margin-bottom: 7px;
}

.shn-priv-group {
  display: flex;
  border: 1px solid #ebe9f1;
  border-radius: 0.375rem;
  overflow: hidden;
}

.shn-priv-btn {
  flex: 1;
  border: none;
  background: transparent;
  color: #adb5bd;
  font-size: 0.72rem;
  font-weight: 500;
  padding: 4px 0;
  cursor: pointer;
  transition: background 0.12s, color 0.12s;
  white-space: nowrap;
}

.shn-priv-btn + .shn-priv-btn {
  border-left: 1px solid #ebe9f1;
}

.shn-priv-btn--active {
  font-weight: 600;
  color: #ffffff;
}

.shn-vline {
  width: 2px;
  height: 22px;
  background: #dae1e7;
  flex-shrink: 0;
}

.shn-empty-drop {
  width: 260px;
  min-height: 30px;
  border: 2px dashed #dae1e7;
  border-radius: 0.375rem;
  margin-top: 4px;
}

.shn-ghost .shn-card {
  opacity: 0.35;
  background: rgba(41, 128, 185, 0.08);
}

.shnv-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.shnv-card {
  display: flex;
  align-items: center;
  gap: 8px;
  background: #ffffff;
  border: 1px solid #ebe9f1;
  border-radius: 10px;
  padding: 10px 12px;
  min-width: 180px;
  max-width: 240px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}

.shnv-dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  flex-shrink: 0;
}

.shnv-body {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 6px;
}

.shnv-type {
  color: #b8c2cc;
  font-size: 12px;
  flex-shrink: 0;
}

.shnv-name {
  font-size: 0.857rem;
  font-weight: 500;
  color: #5e5873;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.shnv-priv-badge {
  font-size: 0.72rem;
  font-weight: 600;
  border-radius: 0.25rem;
  padding: 2px 8px;
  white-space: nowrap;
  flex-shrink: 0;
}

.shnv-vline {
  width: 2px;
  height: 22px;
  background: #dae1e7;
  flex-shrink: 0;
}

.my-leaves-index .leave-plan-banner {
  background: rgba(41, 128, 185, 0.06);
  border: 1px solid #bcd8ee;
  border-radius: 0.375rem;
  padding: 10px 14px;
}

.my-leaves-index .leave-balance-card {
  background: #f8f8f8;
  border: 1px solid #ebe9f1;
  border-radius: 0.375rem;
  padding: 12px 14px;
  height: 100%;
}

.my-leaves-index .leave-balance-label {
  font-size: 0.857rem;
  color: #6e6b7b;
  margin-bottom: 6px;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.my-leaves-index .leave-balance-numbers {
  display: flex;
  align-items: baseline;
  gap: 3px;
}

.my-leaves-index .leave-balance-numbers .used {
  font-size: 1.25rem;
  font-weight: 600;
  color: #5e5873;
}

.my-leaves-index .leave-balance-numbers .separator {
  color: #adb5bd;
  font-size: 1rem;
}

.my-leaves-index .leave-balance-numbers .limit {
  font-size: 1rem;
  color: #82868b;
}

.my-leaves-index .leave-balance-numbers .unit {
  font-size: 0.78rem;
  color: #adb5bd;
  margin-left: 3px;
}

.my-leaves-index .leave-balance-remaining {
  font-size: 0.78rem;
  font-weight: 500;
  margin-top: 2px;
}

.my-leaves-index .leave-balance-bar {
  height: 4px;
  background: #ebe9f1;
  border-radius: 2px;
  margin-top: 8px;
  overflow: hidden;
}

.my-leaves-index .leave-balance-fill {
  height: 100%;
  border-radius: 2px;
  transition: width 0.3s ease;
}

.my-leaves-index .lv-chain {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2px;
  margin-top: 4px;
}

.my-leaves-index .lv-chain-step {
  display: flex;
  align-items: center;
  gap: 3px;
  font-size: 0.75rem;
  color: #6e6b7b;
}

.my-leaves-index .lv-chain-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}

.my-leaves-index .lv-chain-dot--waiting {
  background: #d0d0d0;
}

.my-leaves-index .lv-chain-dot--pending {
  background: #ff9f43;
}

.my-leaves-index .lv-chain-dot--approved {
  background: #28c76f;
}

.my-leaves-index .lv-chain-dot--denied {
  background: #ea5455;
}

.my-leaves-index .lv-chain-dot--skipped {
  background: #adb5bd;
}

.my-leaves-index .lv-chain-name {
  max-width: 90px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.my-leaves-index .lv-chain-arrow {
  color: #b8c2cc;
  font-size: 0.8rem;
  margin: 0 1px;
}

.my-leaves-index .mt-50 {
  margin-top: 0.5rem;
}

.leave-plan-edit .leave-plan-table td,
.leave-plan-edit .leave-plan-table th {
  vertical-align: middle;
  font-size: 0.88rem;
}

.leave-plan-edit .leave-plan-table thead th {
  position: sticky;
  top: 0;
  z-index: 2;
  background-color: #ffffff;
  border-bottom: 2px solid #d8d6de;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.82rem;
  letter-spacing: 0.06em;
  color: #6b6779;
}

.leave-plan-edit .leave-plan-table .lp-col-num {
  width: 40px;
}

.leave-plan-edit .leave-plan-table .lp-col-employee {
  min-width: 180px;
}

.leave-plan-edit .leave-plan-table .lp-col-days {
  width: 88px;
}

.leave-plan-edit .leave-plan-table .lp-col-resolution {
  width: 118px;
}

.leave-plan-edit .lp-summary {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin-bottom: 0.75rem;
}

.leave-plan-edit .lp-summary__chip {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.2rem 0.6rem;
  border: 1px solid #ebe9f1;
  border-radius: 0.25rem;
  background: transparent;
  font-size: 0.78rem;
  color: #716e87;
  line-height: 1.4;
}

.leave-plan-edit .lp-summary__chip b {
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

.leave-plan-edit button.lp-summary__chip {
  cursor: pointer;
}

.leave-plan-edit button.lp-summary__chip:hover,
.leave-plan-edit button.lp-summary__chip:focus-visible {
  border-color: currentColor;
}

.leave-plan-edit button.lp-summary__chip.is-active {
  background: rgba(41, 128, 185, 0.08);
  border-color: currentColor;
  font-weight: 600;
}

.leave-plan-edit .lp-summary__chip--total {
  color: #716e87;
}

.leave-plan-edit .lp-summary__chip--danger {
  color: #e31d1f;
}

.leave-plan-edit .lp-summary__chip--warning {
  color: #d26700;
}

.leave-plan-edit .lp-summary__chip--info {
  color: #006b78;
}

.leave-plan-edit .lp-status-badge {
  font-size: 0.85rem;
}

.leave-plan-edit .lp-search {
  max-width: 260px;
  flex: 1 1 200px;
}

.leave-plan-edit .lp-form-error {
  font-size: 0.85rem;
}

.leave-plan-edit .lp-row-num {
  font-size: 0.85rem;
}

.leave-plan-edit .lp-muted-sm {
  font-size: 0.82rem;
}

.leave-plan-edit .lp-nowrap {
  white-space: nowrap;
}

.leave-plan-edit .lp-range-picker {
  width: 200px;
  display: inline-block;
}

.leave-plan-edit .lp-days-input {
  width: 54px;
}

.leave-plan-edit .lp-tag {
  font-size: 0.7rem;
}

.leave-plan-edit .lp-reason {
  font-size: 0.72rem;
  line-height: 1.25;
}

.leave-plan-edit .lp-ref {
  font-size: 0.72rem;
  font-variant-numeric: tabular-nums;
}

.leave-plan-edit .lp-clickable {
  cursor: pointer;
}

.leave-plan-edit .lp-gap-xs {
  gap: 0.25rem;
}

.leave-plan-edit .lp-gap-sm {
  gap: 0.4rem;
}

.leave-plan-edit .lp-gap-md {
  gap: 0.5rem;
}

.leave-plan-edit .lp-btn-xs {
  font-size: 0.78rem;
  padding: 0.15rem 0.6rem;
}

.leave-plan-edit .lp-toolbar-btn {
  font-size: 0.78rem;
  white-space: nowrap;
}

.leave-plan-edit .lp-icon {
  font-size: 0.72rem;
}

.leave-plan-edit .lp-icon--action {
  cursor: pointer;
}

.leave-plan-edit .lp-icon--help {
  cursor: help;
}

.leave-plan-edit .lp-icon--static {
  cursor: default;
}

.leave-plan-edit .lp-icon--brand {
  color: #2980b9;
}

.leave-plan-edit .lp-icon-xs {
  font-size: 0.68rem;
}

.leave-plan-edit .lp-link-action {
  cursor: pointer;
  text-decoration: underline;
}

.leave-plan-edit .lp-period-row {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  flex-wrap: wrap;
}

.leave-plan-edit .lp-period-offset {
  margin-left: calc(16px + 0.35rem);
}

.leave-plan-edit .lp-period-index {
  font-size: 0.82rem;
  min-width: 16px;
}

.leave-plan-edit .lp-period-badge {
  font-size: 0.82rem;
  font-variant-numeric: tabular-nums;
}

.leave-plan-edit .lp-empty {
  text-align: center;
  padding: 2rem 1rem;
  color: #716e87;
  font-size: 0.9rem;
}

.leave-plan-edit .period-row {
  padding: 2px 0;
}

.leave-plan-edit .table-success-light {
  background-color: rgba(40, 199, 111, 0.06);
}

.leave-plan-edit .table-warning-light {
  background-color: rgba(255, 159, 67, 0.06);
}

.leave-plan-edit .table-danger-light {
  background-color: rgba(234, 84, 85, 0.06);
}

.leave-plan-edit .leave-plan-row-highlight > td {
  box-shadow: inset 0 1px 0 #2980b9, inset 0 -1px 0 #2980b9;
  animation: leave-plan-row-flash 4s ease-out forwards;
}

.leave-plan-edit .leave-plan-row-highlight > td:first-child {
  box-shadow: inset 1px 1px 0 #2980b9, inset 0 -1px 0 #2980b9;
}

.leave-plan-edit .leave-plan-row-highlight > td:last-child {
  box-shadow: inset -1px 1px 0 #2980b9, inset 0 -1px 0 #2980b9;
}

@keyframes leave-plan-row-flash {
  0% {
    background-color: rgba(41, 128, 185, 0.22);
  }

  100% {
    background-color: transparent;
  }
}

.leave-plan-edit .period-status-select {
  border-radius: 0.25rem;
  font-size: 0.78rem;
  padding: 2px 6px;
  height: auto;
}

.leave-plan-edit .period-status-planned {
  color: #82868b;
  border-color: #ebe9f1;
}

.leave-plan-edit .period-status-requested {
  color: #ff9f43;
  border-color: #ff9f43;
}

.leave-plan-edit .period-status-approved {
  color: #2980b9;
  border-color: #2980b9;
}

.leave-plan-edit .period-status-used {
  color: #28c76f;
  border-color: #28c76f;
}

.leave-plan-edit .leave-plan-employee-link:hover {
  color: #2980b9;
}

.leave-plan-edit .collective-section {
  background: #f3f2f7;
  border-radius: 0.375rem;
  padding: 0.5rem 0.75rem;
}

.leave-plan-edit .collective-section-label {
  font-size: 0.72rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #b4b7bd;
}

.leave-plan-edit .collective-chip {
  display: inline-flex;
  align-items: center;
  background: #ffffff;
  border: 1px solid #ebe9f1;
  border-radius: 0.25rem;
  padding: 0.15rem 0.5rem;
  font-size: 0.82rem;
  color: #5e5873;
}

.leave-plan-edit .collective-chip-label:hover {
  color: #2980b9;
  text-decoration: underline;
}

.leave-plan-edit .leaves-expand-row td {
  border-top: none !important;
}

.leave-plan-edit .leaves-expand-inner {
  padding: 0.6rem 1rem;
  background: #f8f8f8;
  border-top: 1px solid #ebe9f1;
  border-left: 3px solid #2980b9;
}

.leave-plan-edit .leaves-expand-cols {
  display: flex;
  gap: 0;
}

.leave-plan-edit .leaves-expand-col {
  flex: 1;
  min-width: 0;
}

.leave-plan-edit .leaves-expand-col + .leave-plan-edit .leaves-expand-col {
  padding-left: 1rem;
}

.leave-plan-edit .leaves-expand-divider {
  width: 1px;
  background: #ebe9f1;
  margin: 0 1rem 0 0;
  align-self: stretch;
  flex-shrink: 0;
}

.leave-plan-edit .leaves-expand-label {
  font-size: 0.72rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #b4b7bd;
  margin-bottom: 0.4rem;
}

.leave-plan-edit .leaves-expand-empty {
  font-size: 0.82rem;
  color: #b4b7bd;
}

.leave-plan-edit .leaves-expand-item {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.3rem;
  margin-bottom: 0.25rem;
}

.leave-plan-edit .leaves-expand-badge {
  font-size: 0.75rem;
}

.leave-plan-edit .leaves-expand-dates {
  font-size: 0.82rem;
  color: #6e6b7b;
}

.leave-plan-edit .leaves-expand-days {
  font-size: 0.82rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: #5e5873;
}

.leave-plan-edit .leaves-expand-desc {
  font-size: 0.78rem;
  color: #b4b7bd;
}

.leave-plan-edit .entitlement-breakdown-bar {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.4rem;
  padding: 0.45rem 0.6rem;
  margin-bottom: 0.6rem;
  background: #ffffff;
  border-radius: 0.375rem;
  border: 1px solid #ebe9f1;
}

.leave-plan-edit .entitlement-breakdown-bar-label {
  font-size: 0.72rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #b4b7bd;
  margin-right: 0.1rem;
}

.leave-plan-edit .entitlement-breakdown-bar-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.2rem;
  background: #f3f2f7;
  border-radius: 0.25rem;
  padding: 0.1rem 0.45rem;
}

.leave-plan-edit .entitlement-breakdown-bar-days {
  font-size: 0.8rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: #5e5873;
}

.leave-plan-edit .entitlement-breakdown-bar-text {
  font-size: 0.76rem;
  color: #6e6b7b;
}

.leave-plan-edit .entitlement-breakdown-bar-total {
  font-size: 0.8rem;
  font-weight: 700;
  color: #2980b9;
  margin-left: 0.1rem;
}

.fp-weekend {
  color: #ea5455 !important;
  font-weight: 600;
}

.fp-holiday {
  background-color: rgba(255, 159, 67, 0.15) !important;
  color: #ff9f43 !important;
  font-weight: 600;
  border-radius: 0.25rem;
}

.fp-holiday.fp-weekend {
  background-color: rgba(234, 84, 85, 0.15) !important;
  color: #ea5455 !important;
}

.fp-planned:not(.selected):not(.startRange):not(.endRange):not(.inRange):not(.fp-holiday) {
  background-color: rgba(41, 128, 185, 0.1) !important;
  color: #246fa1 !important;
  border-radius: 0.25rem;
}

body.leave-plan-edit-page .flatpickr-calendar {
  font-size: 0.8rem !important;
  width: 260px !important;
}

body.leave-plan-edit-page .flatpickr-days,
body.leave-plan-edit-page .dayContainer {
  width: 260px !important;
  min-width: 260px !important;
  max-width: 260px !important;
}

body.leave-plan-edit-page .flatpickr-day {
  max-width: 34px !important;
  height: 30px !important;
  line-height: 30px !important;
}

body.leave-plan-edit-page .flatpickr-months .flatpickr-month {
  height: 36px !important;
}

body.leave-plan-edit-page .flatpickr-current-month {
  font-size: 0.88rem !important;
  padding-top: 6px !important;
}

body.leave-plan-edit-page .flatpickr-current-month .flatpickr-monthDropdown-months,
body.leave-plan-edit-page .flatpickr-current-month input.cur-year {
  font-size: 0.88rem !important;
}

body.leave-plan-edit-page .flatpickr-weekdays {
  height: 24px !important;
}

body.leave-plan-edit-page .flatpickr-weekday {
  font-size: 0.75rem !important;
  line-height: 24px !important;
}

.shift-assignments-calendar .sac-date-input {
  background: #fff;
  cursor: pointer;
}

.shift-assignments-calendar .shift-cell-filled {
  margin: 3px;
  border-radius: 5px;
  padding: 5px 7px;
  cursor: pointer;
  transition: filter 0.15s;
}

.shift-assignments-calendar .shift-cell-filled:hover {
  filter: brightness(0.93);
}

.shift-assignments-calendar .cell-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 4px;
  cursor: pointer;
  color: #c3c0cd;
  font-size: 0.85rem;
  transition: background 0.15s, color 0.15s;
  border-radius: 0.25rem;
}

.shift-assignments-calendar .cell-empty:hover {
  background: rgba(41, 128, 185, 0.06);
  color: #2980b9;
}

.shift-assignments-calendar .cell-empty:hover .cell-empty-dash {
  display: none;
}

.shift-assignments-calendar .cell-empty:hover .cell-empty-plus {
  display: inline;
}

.shift-assignments-calendar .cell-empty-plus {
  display: none;
  font-size: 0.72rem;
}

.shift-assignments-calendar .bulk-days-count {
  min-width: 38px;
  padding: 2px 6px;
  border-radius: 999px;
  background: rgba(41, 128, 185, 0.08);
  color: #246fa1;
  font-size: 0.68rem;
  font-weight: 600;
  text-align: center;
}

.shift-assignments-calendar .bulk-days-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4px;
}

.shift-assignments-calendar .bulk-day-toggle {
  width: 100%;
  border: 1px solid #d8d6de;
  border-radius: 5px;
  padding: 5px 8px;
  background: #ffffff;
  color: #6e6b7b;
  font-size: 0.74rem;
  font-weight: 600;
  text-align: left;
  transition: all 0.15s ease;
}

.shift-assignments-calendar .bulk-day-toggle.is-selected {
  border-color: #2980b9;
  background: rgba(41, 128, 185, 0.06);
  color: #246fa1;
}

.shift-assignments-calendar .bulk-day-toggle:focus {
  outline: none;
  box-shadow: 0 0 0 0.15rem rgba(41, 128, 185, 0.25);
}

.shift-assignments-calendar .yearly-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 2px;
  cursor: pointer;
  transition: transform 0.1s ease, box-shadow 0.1s ease;
}

.shift-assignments-calendar .yearly-dot:hover {
  transform: scale(1.6);
  box-shadow: 0 2px 6px rgba(34, 41, 47, 0.2);
  border-radius: 3px;
}

.shift-assignments-calendar .yearly-tip {
  position: fixed;
  z-index: 9999;
  transform: translateX(-50%) translateY(calc(-100% - 10px));
  background: #ffffff;
  border: 1px solid #ebe9f1;
  border-radius: 0.375rem;
  padding: 10px 14px;
  box-shadow: 0 1px 2px 0 rgba(34, 41, 47, 0.06), 0 4px 16px 0 rgba(34, 41, 47, 0.08);
  pointer-events: none;
  min-width: 170px;
  max-width: 220px;
}

.shift-assignments-calendar .yearly-tip::after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 50%;
  width: 10px;
  height: 10px;
  background: #ffffff;
  border-right: 1px solid #ebe9f1;
  border-bottom: 1px solid #ebe9f1;
  transform: translateX(-50%) rotate(45deg);
}

.shift-assignments-calendar .monthly-pill-dot {
  display: none;
}

.shift-assignments-calendar .calendar-yearly-table thead th:first-child,
.shift-assignments-calendar .calendar-yearly-table tbody td:first-child {
  position: sticky;
  left: 0;
  z-index: 2;
  background: #ffffff;
  max-width: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-shadow: 2px 0 5px rgba(34, 41, 47, 0.06);
}

.shift-assignments-calendar .calendar-yearly-table thead th:first-child {
  background: #f3f2f7;
  z-index: 3;
}

@media (max-width: 767px) {
  .shift-assignments-calendar .calendar-layout {
    flex-direction: column !important;
    gap: 12px !important;
  }

  .shift-assignments-calendar .calendar-sidebar {
    width: 100% !important;
  }

  .shift-assignments-calendar .period-label {
    min-width: 120px !important;
    font-size: 0.8rem !important;
  }

  .shift-assignments-calendar .calendar-toolbar-right {
    width: 100%;
    justify-content: flex-start;
  }

  .shift-assignments-calendar .view-type-group .btn {
    padding: 0.25rem 0.4rem;
    font-size: 0.72rem;
  }

  .shift-assignments-calendar .calendar-week-table thead th:first-child,
  .shift-assignments-calendar .calendar-week-table tbody td:first-child {
    position: sticky;
    left: 0;
    z-index: 2;
    background: #ffffff;
    box-shadow: 2px 0 5px rgba(34, 41, 47, 0.08);
  }

  .shift-assignments-calendar .calendar-week-table thead th:first-child {
    background: #f3f2f7;
    z-index: 3;
  }

  .shift-assignments-calendar .calendar-week-table th,
  .shift-assignments-calendar .calendar-week-table td {
    padding: 4px 2px !important;
  }

  .shift-assignments-calendar .calendar-week-table .employee-avatar {
    display: none !important;
  }

  .shift-assignments-calendar .monthly-pill {
    width: 10px !important;
    height: 10px !important;
    border-radius: 50% !important;
    padding: 0 !important;
    display: inline-block;
  }

  .shift-assignments-calendar .monthly-pill-text {
    display: none !important;
  }

  .shift-assignments-calendar .monthly-pill-dot {
    display: block;
    width: 100%;
    height: 100%;
  }

  .shift-assignments-calendar .monthly-view [class*=col] {
    min-height: 52px !important;
    padding: 2px 3px !important;
  }

  .shift-assignments-calendar .shift-timeline-container {
    padding: 10px 4px !important;
  }
}

.payslip-edit__identity {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}

.payslip-edit__identity-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.payslip-edit__meta {
  color: #6e6b7b;
  font-size: 0.857rem;
}

.payslip-edit__meta span + span::before {
  content: "·";
  margin: 0 0.5rem;
  color: #c3c0cd;
}

.dark-layout .payslip-edit__meta {
  color: #b4b7bd;
}

.payslip-edit__figures {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 1rem;
  margin-top: 1.5rem;
}

.payslip-edit__figure {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.payslip-edit__figure-label {
  color: #6e6b7b;
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.dark-layout .payslip-edit__figure-label {
  color: #b4b7bd;
}

.payslip-edit__figure-value {
  color: #5e5873;
  font-size: 1.143rem;
  font-variant-numeric: tabular-nums;
  font-weight: 600;
}

.dark-layout .payslip-edit__figure-value {
  color: #d0d2d6;
}

.payslip-edit__figure--lead .payslip-edit__figure-value {
  color: #2980b9;
  font-size: 1.5rem;
}

.payslip-edit__locked {
  margin-top: 1.5rem;
  color: #6e6b7b;
  font-size: 0.857rem;
}

.payslip-edit__locked i {
  margin-right: 0.5rem;
}

.dark-layout .payslip-edit__locked {
  color: #b4b7bd;
}

.payslip-edit__section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
}

.payslip-edit__hint {
  margin-top: 0.75rem;
  color: #6e6b7b;
  font-size: 0.857rem;
}

.dark-layout .payslip-edit__hint {
  color: #b4b7bd;
}

.payslip-items-table th,
.payslip-items-table td {
  padding: 7px 10px;
  vertical-align: middle;
}

.payslip-items-table td {
  border-top: 1px solid #eeedf3;
}

.payslip-items-table tbody tr:first-child td {
  border-top: 0;
}

.payslip-items-table__name {
  display: block;
  min-width: 220px;
}

.payslip-items-table__flag {
  display: inline-block;
  margin-top: 0.25rem;
  padding: 0.1rem 0.4rem;
  border-radius: 0.25rem;
  background: rgba(255, 159, 67, 0.14);
  color: #9c6129;
  font-size: 0.82rem;
  font-weight: 600;
}

.payslip-items-table td.text-right {
  font-variant-numeric: tabular-nums;
}

.payslip-items-table__delete:hover {
  color: #ea5455;
}

.dark-layout .payslip-items-table td {
  border-top-color: #3b4253;
}

.payslip-item-form__basis {
  padding: 1rem;
  margin-bottom: 1.5rem;
  border: 1px solid #ebe9f1;
  border-radius: 0.6rem;
}

.dark-layout .payslip-item-form__basis {
  border-color: #3b4253;
}

.payslip-item-form__basis-controls {
  display: flex;
  align-items: flex-end;
  gap: 1rem;
  flex-wrap: wrap;
}

.payslip-item-form__basis-controls .form-group {
  flex: 1 1 180px;
}

.payslip-item-form__hint {
  margin-top: 0.75rem;
  color: #6e6b7b;
  font-size: 0.857rem;
}

.dark-layout .payslip-item-form__hint {
  color: #b4b7bd;
}

.payslip-item-form__gross {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  padding-bottom: 0.75rem;
  border-bottom: 2px solid #d8d6de;
  color: #5e5873;
  font-size: 1.143rem;
  font-variant-numeric: tabular-nums;
}

.dark-layout .payslip-item-form__gross {
  border-bottom-color: #3b4253;
  color: #d0d2d6;
}

.payslip-item-form__group {
  margin-top: 1rem;
}

.payslip-item-form__group-label {
  display: block;
  margin-bottom: 0.5rem;
  color: #6e6b7b;
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.dark-layout .payslip-item-form__group-label {
  color: #b4b7bd;
}

.payslip-item-form__line {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.25rem 0;
}

.payslip-item-form__line--muted {
  color: #6e6b7b;
}

.payslip-item-form__line-label {
  flex: 1 1 auto;
}

.payslip-item-form__manual {
  display: inline-block;
  margin-left: 0.5rem;
  padding: 0.1rem 0.4rem;
  border-radius: 0.25rem;
  background: rgba(255, 159, 67, 0.14);
  color: #9c6129;
  font-size: 0.82rem;
  font-weight: 600;
}

.payslip-item-form__amount {
  flex: 0 0 140px;
  font-variant-numeric: tabular-nums;
}

.payslip-item-form__amount--manual {
  border-color: #ff9f43;
}

.payslip-item-form__amount-static {
  flex: 0 0 140px;
  padding-right: 0.75rem;
  text-align: right;
  font-variant-numeric: tabular-nums;
}

.payslip-item-form__reset {
  flex: 0 0 32px;
}

.payslip-item-form__reset.is-hidden {
  visibility: hidden;
}

.payslip-item-form__recap {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 0.75rem;
  margin-top: 1.5rem;
  padding-top: 1rem;
  border-top: 2px solid #d8d6de;
}

.payslip-item-form__recap div {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.payslip-item-form__recap span {
  color: #6e6b7b;
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.payslip-item-form__recap strong {
  color: #5e5873;
  font-variant-numeric: tabular-nums;
}

.payslip-item-form__recap-total strong {
  color: #2980b9;
}

.dark-layout .payslip-item-form__recap {
  border-top-color: #3b4253;
}

.dark-layout .payslip-item-form__recap span {
  color: #b4b7bd;
}

.dark-layout .payslip-item-form__recap strong {
  color: #d0d2d6;
}

.payslip-item-form__actions {
  display: flex;
  align-items: center;
  margin-top: 1.5rem;
}

.leave-resolutions-index .lr-toolbar {
  gap: 0.5rem;
}

.leave-resolutions-index .lr-year-select {
  min-width: 140px;
}

.leave-resolutions-index .lr-ref {
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}

.leave-resolutions-index .lr-days {
  font-variant-numeric: tabular-nums;
}

.leave-resolutions-index .lr-periods .badge {
  font-size: 0.72rem;
  font-variant-numeric: tabular-nums;
}

.leave-resolutions-index .lr-undelivered {
  font-size: 0.75rem;
}

.leave-resolutions-index .lr-btn-xs {
  font-size: 0.78rem;
  padding: 0.15rem 0.6rem;
}

.employee-leave-resolutions .elr-table td,
.employee-leave-resolutions .elr-table th {
  vertical-align: middle;
  font-size: 0.88rem;
}

.employee-leave-resolutions .elr-table thead th {
  background-color: #ffffff;
  border-bottom: 2px solid #d8d6de;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.82rem;
  letter-spacing: 0.06em;
  color: #6b6779;
}

.employee-leave-resolutions .elr-table .elr-col-ref {
  width: 110px;
}

.employee-leave-resolutions .elr-table .elr-col-days {
  width: 110px;
}

.employee-leave-resolutions .elr-table .elr-col-date {
  width: 130px;
}

.employee-leave-resolutions .elr-table .elr-col-action {
  width: 60px;
}

.employee-leave-resolutions .elr-ref,
.employee-leave-resolutions .elr-days {
  font-variant-numeric: tabular-nums;
}

.employee-leave-resolutions .elr-ref {
  font-weight: 600;
}

.employee-leave-resolutions .elr-period {
  font-size: 0.72rem;
}

.employee-leave-resolutions .elr-btn-xs {
  font-size: 0.78rem;
  padding: 0.15rem 0.6rem;
}

.leave-resolution-delivery {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}

.leave-resolution-delivery .lrd-btn {
  font-size: 0.78rem;
  padding: 0.15rem 0.6rem;
}

.lrd-error {
  font-size: 0.85rem;
}

@media print {
  .payslips-view-all {
    /* Svaki payslip-block na novu stranu, osim posljednjeg */
    /* Resetuj transform scale koji blokira page-break */
  }

  .payslips-view-all .no-print {
    display: none !important;
  }

  .payslips-view-all .payslip-block:not(:last-child) {
    page-break-after: always;
    -moz-column-break-after: page;
         break-after: page;
  }

  .payslips-view-all .preview-scale-container,
  .payslips-view-all .preview-scale {
    transform: none !important;
    width: 100% !important;
    height: auto !important;
    overflow: visible !important;
  }

  .payslips-view-all .preview-wrapper {
    overflow: visible !important;
  }

  .payslips-view-all .preview-page {
    width: 100% !important;
    height: auto !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  .payslips-view-all .card,
  .payslips-view-all .card-body {
    box-shadow: none !important;
    border: none !important;
  }
}

.shop-index .shop-grid-image-wrap,
.shop-card .shop-grid-image-wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 1/1;
  overflow: hidden;
  background-color: #f8f8f8;
  border-top-left-radius: 0.428rem;
  border-top-right-radius: 0.428rem;
}

.shop-index .shop-grid-image-wrap .shop-grid-image-link,
.shop-card .shop-grid-image-wrap .shop-grid-image-link {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

.shop-index .shop-grid-image-wrap .shop-grid-image-skeleton,
.shop-card .shop-grid-image-wrap .shop-grid-image-skeleton {
  width: 100%;
  height: 100%;
  border-radius: 0;
}

.shop-index .shop-grid-image-wrap .shop-grid-image,
.shop-card .shop-grid-image-wrap .shop-grid-image {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  display: block;
  opacity: 0;
  transform: scale(var(--shop-image-cover-scale, 1));
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s ease;
}

.shop-index .shop-grid-image-wrap .shop-grid-image--ready,
.shop-card .shop-grid-image-wrap .shop-grid-image--ready {
  opacity: 1;
}

.shop-index .shop-grid-image-wrap .shop-grid-image--placeholder,
.shop-card .shop-grid-image-wrap .shop-grid-image--placeholder {
  -o-object-fit: cover;
     object-fit: cover;
  transform: none;
  opacity: 1;
}

.shop-index .shop-grid-image-wrap:hover .shop-grid-image,
.shop-card .shop-grid-image-wrap:hover .shop-grid-image {
  transform: scale(1);
}

.shop-index section.grid-view.shop-grid-view,
.shop-index section.list-view {
  margin-top: 12px !important;
}

.shop-index .shop-grid-view {
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)) !important;
  row-gap: 2rem;
  margin-bottom: 2rem;
}

.shop-index .shop-grid-view .ecommerce-card {
  width: 100%;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.shop-index .shop-grid-view .ecommerce-card .card-body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}

.shop-index .skeleton {
  border-radius: 0.72rem;
}

.shop-index .shop-skeleton-card-grid {
  min-height: 300px;
  overflow: hidden;
}

.shop-index .shop-skeleton-card-list {
  min-height: 220px;
}

.shop-index .shop-grid-overlay-skeleton {
  position: absolute;
  z-index: 3;
  border-radius: 0.72rem;
}

.shop-index .shop-grid-overlay-skeleton--top-left {
  top: 10px;
  left: 10px;
  width: 64px;
  height: 26px;
}

.shop-index .shop-grid-overlay-skeleton--top-right {
  top: 10px;
  right: 10px;
  width: 32px;
  height: 26px;
}

.shop-index .shop-grid-overlay-skeleton--bottom-left {
  bottom: 10px;
  left: 10px;
  width: 72px;
  height: 26px;
}

.shop-index .shop-grid-overlay-skeleton--bottom-right {
  bottom: 10px;
  right: 10px;
  width: 44px;
  height: 26px;
}

.shop-header-actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.5rem;
}

.shop-header-actions > div:last-child .btn {
  margin-right: 0 !important;
}

.shop-index .ecommerce-header-items {
  align-items: center;
  justify-content: flex-end;
  gap: 0.75rem;
}

.shop-index .ecommerce-header-items .result-toggler {
  margin-right: auto;
}

.shop-index .ecommerce-header-items .shop-toolbar-search {
  flex: 1 1 280px;
  max-width: 440px;
  min-width: 0;
}

.shop-index .ecommerce-header-items .shop-toolbar-search .search-table-wrapper {
  min-width: 0;
  width: 100%;
}

.shop-index .ecommerce-header-items .shop-toolbar-search .custom-table-search {
  background: #ffffff;
  max-width: 100%;
}

.shop-card .card-img-top {
  -o-object-fit: contain;
     object-fit: contain;
  height: auto;
  aspect-ratio: 1/1;
}

.shop-card__photo--list {
  width: 100%;
}

.shop-card__chip {
  position: absolute;
  z-index: 3;
  padding: 4px 9px;
  border-radius: 6px;
  font-size: 0.82rem;
  font-weight: 600;
  line-height: 1.35;
  white-space: nowrap;
  box-shadow: 0 1px 4px rgba(34, 41, 47, 0.2);
  background: rgba(255, 255, 255, 0.95);
  color: #5e5873;
}

.shop-card__chip--brand {
  left: 10px;
  top: 10px;
  max-width: 55%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.shop-card__chip--cat {
  left: 10px;
  bottom: 10px;
  max-width: 55%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.shop-card__chip--discount {
  right: 10px;
  bottom: 10px;
  background: #ea5455;
  color: #ffffff;
}

.shop-card__chip--edit {
  right: 10px;
  top: 10px;
  z-index: 4;
  padding: 4px 8px;
}

.shop-card__chip--edit .fa-solid {
  font-size: 12px;
}

.shop-card__chip--edit:hover {
  color: #2980b9;
}

@media (hover: hover) {
  .shop-card__chip--edit {
    opacity: 0;
    transition: opacity 0.15s ease-in-out;
  }

  .shop-card__chip--edit:focus-visible {
    opacity: 1;
  }
}

@media (hover: hover) {
  .shop-card:hover .shop-card__chip--edit {
    opacity: 1;
  }
}

.shop-card .card-body.shop-card__body {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.75rem;
  flex: 1 1 auto;
}

.shop-card__title-link {
  display: block;
}

.shop-card__title {
  margin: 0;
  font-size: 1.02rem;
  font-weight: 600;
  line-height: 1.35;
  color: #5e5873;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 2.7em;
  word-break: break-word;
}

.shop-card__ref {
  color: #716e87;
  font-weight: 500;
  font-variant-numeric: tabular-nums;
}

.shop-card__stock {
  display: flex;
  align-items: center;
  gap: 4px 7px;
  font-size: 0.857rem;
  min-width: 0;
  flex-wrap: wrap;
}

.shop-card__stock-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shop-card__stock-sep {
  color: #d8d6de;
  flex-shrink: 0;
}

.shop-card__stock-muted {
  color: #9a97a5;
  white-space: nowrap;
}

.shop-card__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}

.shop-card__dot--in {
  background: #28c76f;
}

.shop-card__dot--low {
  background: #ff9f43;
}

.shop-card__dot--out {
  background: #ea5455;
}

.shop-card__value-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.5rem;
  margin-top: 2px;
}

.shop-card__price-wrap {
  display: flex;
  align-items: baseline;
  gap: 6px;
  white-space: nowrap;
}

.shop-card__price {
  font-size: 1.1rem;
  font-weight: 700;
  color: #5e5873;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.shop-card__price--empty {
  font-size: 0.857rem;
  font-weight: 400;
  color: #716e87;
}

.shop-card__price-old {
  font-size: 0.857rem;
  color: #9a97a5;
  text-decoration: line-through;
  font-variant-numeric: tabular-nums;
}

.shop-card__price-star {
  color: #716e87;
  font-weight: 500;
  cursor: help;
}

.shop-card__discount-pill {
  font-size: 0.82rem;
  font-weight: 600;
  padding: 3px 8px;
  border-radius: 5px;
  background: rgba(234, 84, 85, 0.1);
  color: #b94243;
  white-space: nowrap;
}

.shop-card__variants {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.shop-card__variant {
  font-size: 0.82rem;
  padding: 3px 8px;
  border-radius: 5px;
  background: #f8f8f8;
  border: 1px solid #ebe9f1;
  color: #6e6b7b;
  white-space: nowrap;
}

.shop-card__variant.is-out {
  text-decoration: line-through;
  color: #9a97a5;
}

.shop-card__variant--more {
  background: rgba(41, 128, 185, 0.1);
  border-color: transparent;
  color: #2980b9;
  font-weight: 600;
}

.shop-card__footer {
  margin-top: auto;
  border-top: 1px solid #ebe9f1;
  padding: 0.5rem 0.75rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.shop-card__footer--list {
  border-top: 0;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
}

.shop-card__footer--list .shop-card__stepper,
.shop-card__footer--list .shop-card__cart {
  flex: 0 0 auto;
}

.shop-card__stepper {
  flex: 1 1 0;
  min-width: 0;
}

.shop-card__stepper button {
  flex: 0 0 34px;
}

.shop-card__stepper input {
  flex: 1 1 auto;
  width: auto;
}

.shop-card__cart {
  flex: 1 1 0;
  height: 42px;
  border-radius: 0.5rem !important;
  padding: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

.shop-card__cart .fa-shopping-cart {
  font-size: 16px;
}

.shop-card__cart .times-cart {
  font-size: 0.82rem;
  font-weight: 600;
  background: rgba(255, 255, 255, 0.25);
  border-radius: 4px;
  padding: 1px 6px;
}

.shop-card__pick {
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 100%;
}

.shop-card__pick .btn {
  height: 42px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.shop-card__pick-hint {
  margin: 0;
  font-size: 0.82rem;
  color: #9a97a5;
}

.dark-layout .shop-card__chip--edit:hover {
  color: #2980b9;
}

.dark-layout .shop-card__title,
.dark-layout .shop-card__price {
  color: #d0d2d6;
}

.dark-layout .shop-card__ref,
.dark-layout .shop-card__price--empty,
.dark-layout .shop-card__price-star {
  color: #676d7d;
}

.dark-layout .shop-card__footer {
  border-top-color: #3b4253;
}

.dark-layout .shop-card__variant {
  background: #242b3d;
  border-color: #3b4253;
  color: #b4b7bd;
}

.dark-layout .shop-card__variant--more {
  background: rgba(41, 128, 185, 0.22);
  border-color: transparent;
  color: #d0d2d6;
}

.shop-view .product-img {
  border-radius: 0.375rem;
  -o-object-fit: cover;
     object-fit: cover;
  height: auto;
  aspect-ratio: 1;
  width: 100%;
}

.shop-view .overlay-img-left-lg {
  position: absolute;
  right: 10px;
  top: 10px;
  background: #f8f8f8;
  padding: 6px 12px;
  border-radius: 0.72rem;
  color: #1e1e1e;
  font-size: 14px;
  z-index: 2;
  font-weight: bold;
}

.shop-view .overlay-img-bottom-left-lg {
  position: absolute;
  z-index: 2;
  left: 100px;
  bottom: 10px;
  background: #f8f8f8;
  padding: 6px 12px;
  border-radius: 0.72rem;
  color: #1e1e1e;
  font-size: 14px;
  font-weight: bold;
}

.shop-view .overlay-img-bottom-right-lg {
  position: absolute;
  z-index: 2;
  right: 15px;
  bottom: 10px;
  background: #f8f8f8;
  padding: 6px 12px;
  border-radius: 0.72rem;
  color: #1e1e1e;
  font-size: 14px;
  font-weight: bold;
}

.shop-view .custom-enlarge img {
  max-width: 100%;
  height: auto;
  display: block !important;
  width: 100% !important;
}

.shop-view .enlargeable-image .slot {
  display: block !important;
}

.shop-view .discount-flag {
  background-color: #ffcc00;
}

.shop-card .spin-button,
.shop-view .spin-button {
  display: flex;
  align-items: stretch;
  width: 100%;
  border-radius: 0.5rem;
  border: 1px solid #d8d6de;
  height: 42px;
  background-color: #ffffff;
  overflow: hidden;
  transition: border-color 0.15s ease-in-out;
}

.shop-card .spin-button button,
.shop-view .spin-button button {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  color: #82868b;
  background-color: #ffffff;
  border: none;
  border-radius: 0 !important;
  padding: 0 10px;
  text-align: center;
}

.shop-card .spin-button button i,
.shop-view .spin-button button i {
  margin: 0;
}

.shop-card .spin-button input,
.shop-view .spin-button input {
  min-width: 0;
  height: 100% !important;
  text-align: center;
  font-size: 14px;
  padding: 5px;
  border-left: 1px solid #d8d6de;
  border-right: 1px solid #d8d6de;
  border-top: none;
  border-bottom: none;
  border-radius: 0;
  font-weight: 400;
  color: #6e6b7b;
  background-color: transparent;
}

.shop-card .spin-button input:focus,
.shop-view .spin-button input:focus {
  outline: none;
}

.shop-card .spin-button--warning,
.shop-view .spin-button--warning {
  border-color: #ff9f43;
}

.shop-card .spin-button--warning input,
.shop-view .spin-button--warning input {
  border-left-color: rgba(255, 159, 67, 0.45);
  border-right-color: rgba(255, 159, 67, 0.45);
}

.shop-item-documents .option {
  padding: 5px 10px;
  cursor: pointer;
  margin-bottom: 2px;
}

.shop-item-documents .selected-option {
  color: #ffffff;
  background: #2980b9;
  border-radius: 0.375rem;
}

.shop-card__resv-trigger {
  border: 0;
  padding: 0;
  background: transparent;
  font: inherit;
  color: #9a97a5;
  white-space: nowrap;
  cursor: pointer;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  text-underline-offset: 2px;
}

.shop-card__resv-trigger:hover,
.shop-card__resv-trigger:focus-visible {
  color: #2980b9;
}

.shop-resv-popover {
  max-width: 380px;
  min-width: 320px;
}

.shop-resv-popover .popover-body {
  padding: 4px 0 4px;
}

.shop-resv-popover__head {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 0.5rem;
  font-variant-numeric: tabular-nums;
}

.shop-resv-popover__loading {
  padding: 14px;
  text-align: center;
  color: #9a97a5;
}

.shop-resv-popover__row {
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: 2px 10px;
  align-items: center;
  padding: 7px 12px;
}

.shop-resv-popover__row + .shop-resv-popover__row {
  border-top: 1px solid #ebe9f1;
}

.shop-resv-popover__partner {
  font-size: 0.857rem;
  font-weight: 600;
  color: #5e5873;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}

.shop-resv-popover__qty {
  font-size: 0.9rem;
  font-weight: 700;
  color: #5e5873;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.shop-resv-popover__owner {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  flex-shrink: 0;
  background: rgba(41, 128, 185, 0.15);
  color: #2980b9;
  font-size: 0.62rem;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  grid-row: span 2;
  cursor: default;
}

.shop-resv-popover__owner--empty {
  background: transparent;
}

.shop-resv-popover__owner-avatar {
  grid-row: span 2;
}

.shop-resv-popover__owner-avatar .b-avatar {
  font-size: 0.62rem;
}

.shop-resv-popover__meta {
  grid-column: 1/span 2;
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 0.82rem;
  color: #9a97a5;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}

.shop-resv-popover__doc {
  color: #2980b9;
  cursor: pointer;
  white-space: nowrap;
}

.shop-resv-popover__doc:hover {
  text-decoration: underline;
}

.shop-resv-popover__badge {
  font-size: 0.68rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  padding: 1px 6px;
  border-radius: 4px;
  flex-shrink: 0;
}

.shop-resv-popover__badge--hard {
  background: rgba(41, 128, 185, 0.12);
  color: #246fa1;
}

.shop-resv-popover__badge--soft {
  background: rgba(255, 159, 67, 0.15);
  color: #9c6129;
}

.shop-resv-popover__badge--backorder {
  background: rgba(130, 134, 139, 0.15);
  color: #686b6f;
}

.shop-resv-popover__date--expired {
  color: #ea5455;
  font-weight: 600;
}

.shop-resv-popover__empty {
  margin: 0;
  padding: 10px 12px;
  font-size: 0.857rem;
  color: #9a97a5;
}

.shop-resv-popover__more {
  display: block;
  margin: 2px 12px 6px;
  padding-top: 8px;
  border-top: 1px solid #ebe9f1;
  font-size: 0.857rem;
  color: #2980b9;
  cursor: pointer;
}

.shop-resv-popover__more:hover {
  text-decoration: underline;
}

.dark-layout .shop-resv-popover__partner,
.dark-layout .shop-resv-popover__qty {
  color: #d0d2d6;
}

.dark-layout .shop-resv-popover__row + .dark-layout .shop-resv-popover__row,
.dark-layout .shop-resv-popover__more {
  border-top-color: #3b4253;
}

.fixed-assets-view .product-img {
  border-radius: 0.375rem;
  -o-object-fit: cover;
     object-fit: cover;
  height: auto;
  aspect-ratio: 1;
  width: 100%;
}

.fixed-assets-view .overlay-img-bottom-left-lg {
  position: absolute;
  z-index: 2;
  right: 10px;
  bottom: 10px;
  background: #f8f8f8;
  padding: 6px 12px;
  border-radius: 0.72rem;
  color: #1e1e1e;
  font-size: 14px;
  font-weight: bold;
}

.partners-search-wrapper {
  width: 100%;
  max-width: 520px;
  margin-left: auto;
}

@media (max-width: 767.98px) {
  .partners-search-wrapper {
    max-width: 100%;
  }
}

.customer-view .icon-wrap,
.vendor-view .icon-wrap {
  background: #f4f3f4;
  width: 50px;
  height: 50px;
  border-radius: 0.72rem;
  text-align: center;
}

.customer-view .icon-wrap i,
.vendor-view .icon-wrap i {
  line-height: 50px;
  font-size: 24px;
}

.partner-skeleton__tabs {
  display: flex;
  align-items: center;
  gap: 1.75rem;
  padding: 0.85rem 0;
  margin-bottom: 1rem;
  border-bottom: 1px solid #ebe9f1;
}

.dark-layout .partner-skeleton__tabs {
  border-bottom-color: #3b4253;
}

.partner-skeleton__tabs .skeleton {
  margin-bottom: 0;
}

.partners-view .skeleton {
  border-radius: 0.25rem;
}

.partners-view .partner-risk-banner {
  display: flex;
  align-items: flex-start;
  gap: 0.65rem;
  margin-bottom: 1rem;
  padding: 0.7rem 1rem;
  border-radius: 0.375rem;
  border-left: 3px solid #ea5455;
  background: rgba(234, 84, 85, 0.1);
}

.partners-view .partner-risk-banner__icon {
  color: #ea5455;
  margin-top: 0.15rem;
  flex: none;
}

.partners-view .partner-risk-banner__body {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.15rem 0.5rem;
}

.partners-view .partner-risk-banner__title {
  color: #ea5455;
  font-weight: 600;
}

.partners-view .partner-risk-banner__text {
  color: #6e6b7b;
  font-size: 0.9rem;
}

.dark-layout .partners-view .partner-risk-banner__text {
  color: #b4b7bd;
}

.partners-view .partner-risk-banner--info {
  border-left-color: #00cfe8;
  background: rgba(0, 207, 232, 0.1);
}

.partners-view .partner-risk-banner--info .partner-risk-banner__icon,
.partners-view .partner-risk-banner--info .partner-risk-banner__title {
  color: #00cfe8;
}

.partners-view .partner-risk-banner__dismiss {
  margin-left: auto;
  flex: none;
  padding: 0 0.25rem;
  font-size: 0.85rem;
}

.partner-header__top {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 1rem;
}

.partner-header__identity {
  flex: 1 1 340px;
  min-width: 0;
}

.partner-header__name-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

.partner-header__name {
  margin: 0;
  font-size: 1.35rem;
  font-weight: 600;
  color: #5e5873;
}

.dark-layout .partner-header__name {
  color: #d0d2d6;
}

.partner-header__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.15rem 0.75rem;
  margin-top: 0.2rem;
  font-size: 0.857rem;
  color: #6e6b7b;
}

.partner-header__meta b {
  color: #5e5873;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}

.dark-layout .partner-header__meta {
  color: #b4b7bd;
}

.dark-layout .partner-header__meta b {
  color: #d0d2d6;
}

.partner-header__owner {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin-top: 0.35rem;
  font-size: 0.857rem;
  color: #6e6b7b;
}

.dark-layout .partner-header__owner {
  color: #b4b7bd;
}

.partner-header__owner-main {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-weight: 600;
  color: #5e5873;
}

.partner-header__owner-main .avatar,
.partner-header__owner-main .b-avatar {
  box-shadow: 0 0 0 2px rgba(41, 128, 185, 0.45);
}

.dark-layout .partner-header__owner-main {
  color: #d0d2d6;
}

.partner-header__assignees {
  display: inline-flex;
  align-items: center;
}

.partner-header__assignees .partner-header__assignee + .partner-header__assignee {
  margin-left: -0.35rem;
}

.partner-header__assignee {
  display: inline-flex;
  border-radius: 50%;
}

.partner-header__assignee .avatar,
.partner-header__assignee .b-avatar {
  box-shadow: 0 0 0 2px #ffffff;
}

.dark-layout .partner-header__assignee .avatar,
.dark-layout .partner-header__assignee .b-avatar {
  box-shadow: 0 0 0 2px #283046;
}

.partner-header__assignee-more {
  margin-left: 0.3rem;
  font-size: 0.75rem;
  font-weight: 600;
  color: #6e6b7b;
}

.dark-layout .partner-header__assignee-more {
  color: #b4b7bd;
}

.partner-header__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

.partner-header__actions .btn {
  min-height: 30px;
  display: inline-flex;
  align-items: center;
}

.partner-header__rule {
  height: 1px;
  margin: 0.9rem 0;
  background: #ebe9f1;
}

.dark-layout .partner-header__rule {
  background: #3b4253;
}

.partner-header__label {
  display: block;
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #6e6b7b;
}

.dark-layout .partner-header__label {
  color: #b4b7bd;
}

.partner-header__muted {
  color: #6e6b7b;
  font-weight: 400;
}

.dark-layout .partner-header__muted {
  color: #b4b7bd;
}

.partner-header__position {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 1rem 2rem;
}

.partner-header__net {
  min-width: 0;
  flex: 0 0 auto;
}

.partner-header__sides {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 1.75rem;
  min-width: 0;
  padding-left: 2rem;
  border-left: 1px solid #ebe9f1;
  align-self: stretch;
}

.dark-layout .partner-header__sides {
  border-left-color: #3b4253;
}

.partner-header__side {
  min-width: 0;
}

.partner-header__position--no-net .partner-header__sides {
  padding-left: 0;
  border-left: 0;
}

.partner-header__position--no-net .partner-figure--side {
  font-size: 1.85rem;
}

@media (max-width: 575.98px) {
  .partner-header__sides {
    padding-left: 0;
    border-left: 0;
  }
}

.partner-header__sub {
  display: block;
  margin-top: 0.15rem;
  font-size: 0.82rem;
  color: #6e6b7b;
}

.partner-header__sub b {
  font-variant-numeric: tabular-nums;
}

.dark-layout .partner-header__sub {
  color: #b4b7bd;
}

.partner-header__kpi-groups {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
  gap: 1rem 2.5rem;
}

@media (max-width: 991.98px) {
  .partner-header__kpi-groups {
    grid-template-columns: minmax(0, 1fr);
  }
}

.partner-header__kpi-group {
  min-width: 0;
}

.partner-header__kpi-group + .partner-header__kpi-group {
  padding-left: 2.5rem;
  border-left: 1px solid #ebe9f1;
}

.dark-layout .partner-header__kpi-group + .partner-header__kpi-group {
  border-left-color: #3b4253;
}

@media (max-width: 991.98px) {
  .partner-header__kpi-group + .partner-header__kpi-group {
    padding-left: 0;
    border-left: 0;
    padding-top: 1rem;
    border-top: 1px solid #ebe9f1;
  }

  .dark-layout .partner-header__kpi-group + .partner-header__kpi-group {
    border-top-color: #3b4253;
  }
}

.partner-header__group-label {
  display: block;
  margin-bottom: 0.55rem;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5e5873;
}

.dark-layout .partner-header__group-label {
  color: #d0d2d6;
}

.partner-header__kpis {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 1.5rem;
}

.partner-header__kpis > * {
  flex: 1 1 150px;
  max-width: 22rem;
}

.partner-header__kpi {
  min-width: 0;
  color: #2980b9;
}

.partner-header__kpi-value {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-top: 0.2rem;
  font-size: 0.82rem;
}

.partner-header__kpi-value b {
  font-size: 1.15rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: #5e5873;
}

.dark-layout .partner-header__kpi-value b {
  color: #d0d2d6;
}

.partner-header__kpi-value b.is-ok {
  color: #28c76f;
}

.partner-header__kpi-value b.is-near {
  color: #ff9f43;
}

.partner-header__kpi-value b.is-over {
  color: #ea5455;
}

.partner-header__hint {
  display: block;
  margin-top: 0.3rem;
  font-size: 0.82rem;
  color: #6e6b7b;
}

.dark-layout .partner-header__hint {
  color: #b4b7bd;
}

.partner-header__aging {
  display: block;
}

.partner-header__aging-single {
  margin: 0.4rem 0 0;
  font-size: 0.857rem;
  color: #6e6b7b;
}

.partner-header__aging-single b {
  color: #5e5873;
  font-weight: 600;
}

.dark-layout .partner-header__aging-single {
  color: #b4b7bd;
}

.dark-layout .partner-header__aging-single b {
  color: #d0d2d6;
}

.partner-header__asof {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.8rem;
  font-size: 0.82rem;
  color: #6e6b7b;
}

.dark-layout .partner-header__asof {
  color: #b4b7bd;
}

.partner-header__toggle {
  display: none;
}

@media (max-width: 767.98px) {
  .partner-header__toggle {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    margin-top: 0.9rem;
    padding: 0;
    border: 0;
    background: none;
    cursor: pointer;
    font-size: 0.82rem;
    font-weight: 600;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: #2980b9;
  }

  .partner-header__toggle i {
    transition: transform 0.2s ease;
  }

  .partner-header__toggle.is-open i {
    transform: rotate(180deg);
  }

  .partner-header__details {
    display: none;
  }

  .partner-header__details.is-open {
    display: block;
  }
}

.partner-header__refresh {
  background: none;
  border: 0;
  padding: 0;
  color: #2980b9;
  text-decoration: underline;
  cursor: pointer;
  font-size: inherit;
}

.travel-summary__position {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 1rem 2rem;
}

.travel-summary__lead {
  min-width: 0;
  flex: 0 0 auto;
}

.travel-summary__sides {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 1.75rem;
  min-width: 0;
  padding-left: 2rem;
  border-left: 1px solid #ebe9f1;
  align-self: stretch;
}

.dark-layout .travel-summary__sides {
  border-left-color: #3b4253;
}

@media (max-width: 575.98px) {
  .travel-summary__sides {
    padding-left: 0;
    border-left: 0;
  }
}

.travel-summary__rule {
  height: 1px;
  margin: 0.9rem 0;
  background: #ebe9f1;
}

.dark-layout .travel-summary__rule {
  background: #3b4253;
}

.travel-summary__label {
  display: block;
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #6e6b7b;
}

.dark-layout .travel-summary__label {
  color: #b4b7bd;
}

.travel-summary__group-label {
  display: block;
  margin-bottom: 0.55rem;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5e5873;
}

.dark-layout .travel-summary__group-label {
  color: #d0d2d6;
}

.travel-summary__sub,
.travel-summary__hint {
  display: block;
  margin-top: 0.15rem;
  font-size: 0.82rem;
  color: #6e6b7b;
}

.travel-summary__sub b,
.travel-summary__hint b {
  font-variant-numeric: tabular-nums;
  color: #5e5873;
}

.dark-layout .travel-summary__sub,
.dark-layout .travel-summary__hint {
  color: #b4b7bd;
}

.dark-layout .travel-summary__sub b,
.dark-layout .travel-summary__hint b {
  color: #d0d2d6;
}

.travel-summary__kpi-groups {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
  gap: 1rem 2.5rem;
}

@media (max-width: 991.98px) {
  .travel-summary__kpi-groups {
    grid-template-columns: minmax(0, 1fr);
  }
}

.travel-summary__kpi-group {
  min-width: 0;
}

.travel-summary__kpi-group + .travel-summary__kpi-group {
  padding-left: 2.5rem;
  border-left: 1px solid #ebe9f1;
}

.dark-layout .travel-summary__kpi-group + .travel-summary__kpi-group {
  border-left-color: #3b4253;
}

@media (max-width: 991.98px) {
  .travel-summary__kpi-group + .travel-summary__kpi-group {
    padding-left: 0;
    border-left: 0;
    padding-top: 1rem;
    border-top: 1px solid #ebe9f1;
  }

  .dark-layout .travel-summary__kpi-group + .travel-summary__kpi-group {
    border-top-color: #3b4253;
  }
}

.travel-summary__kpis {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 1.5rem;
}

.travel-summary__kpis > * {
  flex: 1 1 150px;
  max-width: 22rem;
  min-width: 0;
}

.travel-summary__link {
  display: inline-block;
  padding: 0;
  border: 0;
  background: none;
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #2980b9;
  cursor: pointer;
  text-align: left;
}

.travel-summary__link:hover {
  text-decoration: underline;
}

.travel-summary__value {
  display: block;
  margin-top: 0.15rem;
  font-size: 0.857rem;
  color: #6e6b7b;
}

.travel-summary__value b {
  font-size: 1.07rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: #5e5873;
}

.dark-layout .travel-summary__value {
  color: #b4b7bd;
}

.dark-layout .travel-summary__value b {
  color: #d0d2d6;
}

.travel-summary__value b.is-ok {
  color: #28c76f;
}

.travel-summary__value b.is-near {
  color: #ff9f43;
}

.travel-summary__value b.is-over {
  color: #ea5455;
}

.travel-summary__asof {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  margin-top: 0.9rem;
  font-size: 0.82rem;
  color: #6e6b7b;
}

.dark-layout .travel-summary__asof {
  color: #b4b7bd;
}

.travel-summary__refresh {
  padding: 0;
  border: 0;
  background: none;
  color: #2980b9;
  cursor: pointer;
}

.travel-summary__refresh:hover {
  text-decoration: underline;
}

.travel-summary__toggle {
  display: none;
}

@media (max-width: 767.98px) {
  .travel-summary__toggle {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    margin-top: 0.9rem;
    padding: 0;
    border: 0;
    background: none;
    cursor: pointer;
    font-size: 0.82rem;
    font-weight: 600;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: #2980b9;
  }

  .travel-summary__toggle i {
    transition: transform 0.2s ease;
  }

  .travel-summary__toggle.is-open i {
    transform: rotate(180deg);
  }

  .travel-summary__details {
    display: none;
  }

  .travel-summary__details.is-open {
    display: block;
  }
}

.travel-figure {
  display: inline-block;
  margin-top: 0.1rem;
  padding: 0;
  border: 0;
  background: none;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.015em;
  font-variant-numeric: tabular-nums;
  color: #5e5873;
}

.travel-figure--side {
  font-size: 1.35rem;
  letter-spacing: 0;
}

.travel-figure--link {
  cursor: pointer;
}

.travel-figure--link:hover,
.travel-figure--link:focus-visible {
  color: #2980b9;
  text-decoration: underline;
}

.dark-layout .travel-figure {
  color: #d0d2d6;
}

.travel-cell__sub {
  display: block;
  font-size: 0.82rem;
  line-height: 1.3;
  color: #6e6b7b;
}

.dark-layout .travel-cell__sub {
  color: #b4b7bd;
}

.travel-flag {
  display: inline-block;
  padding: 0.05rem 0.3rem;
  border-radius: 0.25rem;
  font-size: 0.82rem;
  font-weight: 500;
  white-space: nowrap;
  background: rgba(234, 84, 85, 0.13);
  color: #e31d1f;
}

.dark-layout .travel-flag {
  color: #ea5455;
}

.travel-flag--danger {
  background: rgba(234, 84, 85, 0.13);
  color: #e31d1f;
}

.dark-layout .travel-flag--danger {
  color: #ea5455;
}

.travel-flag--warn {
  background: rgba(255, 159, 67, 0.15);
  color: #c86200;
}

.dark-layout .travel-flag--warn {
  color: #ff9f43;
}

.entity-risk-banner {
  display: flex;
  align-items: flex-start;
  gap: 0.65rem;
  margin-bottom: 1rem;
  padding: 0.7rem 1rem;
  border-radius: 0.375rem;
  border-left: 3px solid #ea5455;
  background: rgba(234, 84, 85, 0.1);
  font-size: 0.857rem;
  color: #e31d1f;
}

.entity-risk-banner > .fa {
  margin-top: 0.15rem;
  flex: none;
  color: #ea5455;
}

.entity-risk-banner b {
  font-weight: 600;
}

.dark-layout .entity-risk-banner {
  color: #ea5455;
}

.travel-header__top {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 1rem;
}

.travel-header__identity {
  flex: 1 1 340px;
  min-width: 0;
}

.travel-header__name-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

.travel-header__name {
  margin: 0;
  font-size: 1.35rem;
  font-weight: 600;
  color: #5e5873;
}

.dark-layout .travel-header__name {
  color: #d0d2d6;
}

.travel-header__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.15rem 0.75rem;
  margin-top: 0.2rem;
  font-size: 0.857rem;
  color: #6e6b7b;
}

.travel-header__meta b {
  color: #5e5873;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}

.dark-layout .travel-header__meta {
  color: #b4b7bd;
}

.dark-layout .travel-header__meta b {
  color: #d0d2d6;
}

.travel-header__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

.travel-header__actions .btn {
  min-height: 30px;
  display: inline-flex;
  align-items: center;
}

.travel-header__rule {
  height: 1px;
  margin: 0.9rem 0;
  background: #ebe9f1;
}

.dark-layout .travel-header__rule {
  background: #3b4253;
}

.travel-header__label {
  display: block;
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #6e6b7b;
}

.dark-layout .travel-header__label {
  color: #b4b7bd;
}

.travel-header__group-label {
  display: block;
  margin-bottom: 0.55rem;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5e5873;
}

.dark-layout .travel-header__group-label {
  color: #d0d2d6;
}

.travel-header__sub,
.travel-header__hint {
  display: block;
  margin-top: 0.15rem;
  font-size: 0.82rem;
  color: #6e6b7b;
}

.travel-header__sub b,
.travel-header__hint b {
  font-variant-numeric: tabular-nums;
  color: #5e5873;
}

.dark-layout .travel-header__sub,
.dark-layout .travel-header__hint {
  color: #b4b7bd;
}

.dark-layout .travel-header__sub b,
.dark-layout .travel-header__hint b {
  color: #d0d2d6;
}

.travel-header__muted {
  color: #6e6b7b;
  font-weight: 400;
}

.travel-header__unknown {
  font-style: italic;
  font-weight: 400;
  font-size: 0.857rem !important;
  color: #6e6b7b !important;
}

.dark-layout .travel-header__unknown {
  color: #b4b7bd !important;
}

.travel-header__position {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 1rem 2rem;
}

.travel-header__lead {
  min-width: 0;
  flex: 0 0 auto;
}

.travel-header__sides {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 1.75rem;
  min-width: 0;
  padding-left: 2rem;
  border-left: 1px solid #ebe9f1;
  align-self: stretch;
}

.dark-layout .travel-header__sides {
  border-left-color: #3b4253;
}

@media (max-width: 575.98px) {
  .travel-header__sides {
    padding-left: 0;
    border-left: 0;
  }
}

.travel-header__position--settled .travel-header__sides .travel-figure--side {
  font-size: 1.5rem;
}

.travel-header__kpi-groups {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
  gap: 1rem 2.5rem;
}

@media (max-width: 991.98px) {
  .travel-header__kpi-groups {
    grid-template-columns: minmax(0, 1fr);
  }
}

.travel-header__kpi-group {
  min-width: 0;
}

.travel-header__kpi-group + .travel-header__kpi-group {
  padding-left: 2.5rem;
  border-left: 1px solid #ebe9f1;
}

.dark-layout .travel-header__kpi-group + .travel-header__kpi-group {
  border-left-color: #3b4253;
}

@media (max-width: 991.98px) {
  .travel-header__kpi-group + .travel-header__kpi-group {
    padding-left: 0;
    border-left: 0;
    padding-top: 1rem;
    border-top: 1px solid #ebe9f1;
  }

  .dark-layout .travel-header__kpi-group + .travel-header__kpi-group {
    border-top-color: #3b4253;
  }
}

.travel-header__kpis {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 1.5rem;
}

.travel-header__kpis > * {
  flex: 1 1 150px;
  max-width: 22rem;
  min-width: 0;
}

.travel-header__value {
  display: block;
  margin-top: 0.15rem;
  font-size: 0.857rem;
  color: #6e6b7b;
}

.travel-header__value b {
  font-size: 1.07rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: #5e5873;
}

.dark-layout .travel-header__value {
  color: #b4b7bd;
}

.dark-layout .travel-header__value b {
  color: #d0d2d6;
}

.travel-header__value b.is-ok {
  color: #28c76f;
}

.travel-header__value b.is-near {
  color: #ff9f43;
}

.travel-header__value b.is-over {
  color: #ea5455;
}

.travel-header__toggle {
  display: none;
}

@media (max-width: 767.98px) {
  .travel-header__toggle {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    margin-top: 0.9rem;
    padding: 0;
    border: 0;
    background: none;
    cursor: pointer;
    font-size: 0.82rem;
    font-weight: 600;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: #2980b9;
  }

  .travel-header__toggle i {
    transition: transform 0.2s ease;
  }

  .travel-header__toggle.is-open i {
    transform: rotate(180deg);
  }

  .travel-header__details {
    display: none;
  }

  .travel-header__details.is-open {
    display: block;
  }
}

.travel-trail {
  display: grid;
  gap: 0.6rem;
}

.travel-trail__step {
  display: grid;
  grid-template-columns: 8px 1fr;
  gap: 0.6rem;
  align-items: start;
}

.travel-trail__dot {
  width: 8px;
  height: 8px;
  border-radius: 2px;
  background: #2980b9;
  margin-top: 0.35rem;
  flex: none;
}

.travel-trail__dot--pending {
  background: #ebe9f1;
}

.travel-trail__who {
  display: block;
  font-size: 0.857rem;
  font-weight: 500;
  color: #5e5873;
}

.dark-layout .travel-trail__who {
  color: #d0d2d6;
}

.travel-trail__who--pending {
  font-weight: 400;
  font-style: italic;
}

.travel-trail__when,
.travel-trail__note {
  display: block;
  font-size: 0.82rem;
  color: #6e6b7b;
}

.dark-layout .travel-trail__when,
.dark-layout .travel-trail__note {
  color: #b4b7bd;
}

.travel-trail__note {
  margin-top: 0.15rem;
}

.travel-details {
  display: grid;
  gap: 0.55rem;
}

.travel-details__row {
  display: grid;
  gap: 0.1rem;
}

.travel-details__label {
  font-size: 0.82rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #9a97a5;
}

.dark-layout .travel-details__label {
  color: #676d7d;
}

.travel-details__value {
  font-size: 0.857rem;
  color: #5e5873;
  overflow-wrap: anywhere;
}

.dark-layout .travel-details__value {
  color: #d0d2d6;
}

.travel-details__value--empty {
  font-style: italic;
  color: #6e6b7b;
}

.dark-layout .travel-details__value--empty {
  color: #b4b7bd;
}

.travel-badge {
  display: inline-block;
  padding: 0.1rem 0.4rem;
  border-radius: 0.25rem;
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  white-space: nowrap;
}

.travel-badge--muted {
  background: rgba(130, 134, 139, 0.16);
  color: #5f6266;
}

.travel-badge--warning {
  background: rgba(255, 159, 67, 0.18);
  color: #d26700;
}

.travel-badge--ok {
  background: rgba(40, 199, 111, 0.16);
  color: #1a8349;
}

.travel-badge--danger {
  background: rgba(234, 84, 85, 0.16);
  color: #e42728;
}

.dark-layout .travel-badge--muted {
  color: #b4b7bd;
}

.dark-layout .travel-badge--warning {
  color: #ff9f43;
}

.dark-layout .travel-badge--ok {
  color: #28c76f;
}

.dark-layout .travel-badge--danger {
  color: #ea5455;
}

.travel-bulk {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding: 0.6rem 0.75rem;
  margin-bottom: 0.75rem;
  border-radius: 0.5rem;
  background: rgba(41, 128, 185, 0.07);
  color: #5e5873;
  font-size: 0.857rem;
}

.dark-layout .travel-bulk {
  background: rgba(41, 128, 185, 0.14);
  color: #d0d2d6;
}

.travel-bulk__count b {
  font-variant-numeric: tabular-nums;
}

.travel-bulk__spacer {
  flex: 1;
}

.travel-bulk .btn {
  min-height: 30px;
}

.travel-filters {
  position: relative;
}

.travel-filters .travel-filters__popup {
  position: absolute;
  right: 0;
  top: calc(100% + 0.35rem);
  z-index: 30;
  width: 340px;
  max-width: calc(100vw - 2rem);
  margin: 0;
  text-align: left;
  border: 1px solid #ebe9f1;
  box-shadow: 0 5px 25px 0 rgba(34, 41, 47, 0.1) !important;
}

.dark-layout .travel-filters .travel-filters__popup {
  border-color: #3b4253;
}

.inventory-summary__kpi-groups {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
  gap: 1rem 2.5rem;
}

@media (max-width: 991.98px) {
  .inventory-summary__kpi-groups {
    grid-template-columns: minmax(0, 1fr);
  }
}

.inventory-summary__kpi-group {
  min-width: 0;
}

.inventory-summary__kpi-group + .inventory-summary__kpi-group {
  padding-left: 2.5rem;
  border-left: 1px solid #ebe9f1;
}

.dark-layout .inventory-summary__kpi-group + .inventory-summary__kpi-group {
  border-left-color: #3b4253;
}

@media (max-width: 991.98px) {
  .inventory-summary__kpi-group + .inventory-summary__kpi-group {
    padding-left: 0;
    border-left: 0;
    padding-top: 1rem;
    border-top: 1px solid #ebe9f1;
  }

  .dark-layout .inventory-summary__kpi-group + .inventory-summary__kpi-group {
    border-top-color: #3b4253;
  }
}

.inventory-summary__group-label {
  display: block;
  margin-bottom: 0.55rem;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5e5873;
}

.dark-layout .inventory-summary__group-label {
  color: #d0d2d6;
}

.inventory-summary__kpis {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 1.5rem;
}

.inventory-summary__kpis > * {
  flex: 1 1 150px;
  max-width: 22rem;
}

.inventory-summary__kpi {
  min-width: 0;
}

.inventory-summary__kpi-label {
  font-size: 0.82rem;
  color: #6e6b7b;
}

.dark-layout .inventory-summary__kpi-label {
  color: #b4b7bd;
}

.inventory-summary__kpi-link {
  font-size: 0.82rem;
  color: #2980b9;
  background: none;
  border: 0;
  padding: 0;
  cursor: pointer;
}

.inventory-summary__kpi-link:hover {
  text-decoration: underline;
}

.inventory-summary__kpi-value {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-top: 0.2rem;
  font-size: 0.82rem;
  color: #6e6b7b;
}

.dark-layout .inventory-summary__kpi-value {
  color: #b4b7bd;
}

.inventory-summary__kpi-value b {
  font-size: 1.15rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: #5e5873;
}

.dark-layout .inventory-summary__kpi-value b {
  color: #d0d2d6;
}

.inventory-summary__kpi-value b.is-ok {
  color: #28c76f;
}

.inventory-summary__kpi-value b.is-near {
  color: #ff9f43;
}

.inventory-summary__kpi-value b.is-over {
  color: #ea5455;
}

.inventory-summary__divider {
  border: 0;
  border-top: 1px solid #ebe9f1;
  margin: 1.1rem 0;
}

.dark-layout .inventory-summary__divider {
  border-top-color: #3b4253;
}

.inventory-summary__charts {
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  gap: 1.75rem;
  align-items: start;
}

@media (max-width: 900px) {
  .inventory-summary__charts {
    grid-template-columns: 1fr;
  }
}

.inventory-summary__chart-title {
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5e5873;
  margin-bottom: 0.7rem;
}

.dark-layout .inventory-summary__chart-title {
  color: #d0d2d6;
}

.inventory-summary__bars {
  display: grid;
  gap: 0.5rem;
}

.inventory-summary__bar-row {
  display: grid;
  grid-template-columns: 5.4rem 1fr 5.2rem;
  align-items: center;
  gap: 0.6rem;
  font-size: 0.857rem;
  color: #6e6b7b;
}

.dark-layout .inventory-summary__bar-row {
  color: #b4b7bd;
}

.inventory-summary__bar-track {
  background: #ededed;
  border-radius: 3px;
  height: 16px;
  overflow: hidden;
}

.dark-layout .inventory-summary__bar-track {
  background: #3b4253;
}

.inventory-summary__bar-fill {
  display: block;
  height: 100%;
  border-radius: 3px;
}

.inventory-summary__bar-val {
  text-align: right;
  font-variant-numeric: tabular-nums;
  font-weight: 600;
  color: #5e5873;
}

.dark-layout .inventory-summary__bar-val {
  color: #d0d2d6;
}

.inventory-summary__abc-note {
  font-size: 0.82rem;
  color: #6e6b7b;
  margin-top: 0.5rem;
}

.dark-layout .inventory-summary__abc-note {
  color: #b4b7bd;
}

.inventory-summary__loading {
  display: grid;
  gap: 0.6rem;
}

.partner-context-switch {
  display: inline-flex;
  gap: 2px;
  padding: 3px;
  border-radius: 0.375rem;
  background: #f3f2f7;
}

.dark-layout .partner-context-switch {
  background: #3b4253;
}

.partner-context-switch__option {
  padding: 4px 14px;
  border: 0;
  border-radius: 0.25rem;
  background: none;
  font-size: 0.9rem;
  font-weight: 500;
  color: #6e6b7b;
  cursor: pointer;
  transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
}

.partner-context-switch__option:hover {
  color: #5e5873;
}

.partner-context-switch__option.is-active {
  background: #ffffff;
  color: #5e5873;
  font-weight: 600;
  box-shadow: 0 1px 2px rgba(34, 41, 47, 0.12);
}

.dark-layout .partner-context-switch__option {
  color: #b4b7bd;
}

.dark-layout .partner-context-switch__option.is-active {
  background: #283046;
  color: #d0d2d6;
}

.partner-context-switch__count {
  margin-left: 0.35rem;
  font-size: 0.82rem;
  font-weight: 600;
  color: #6e6b7b;
  font-variant-numeric: tabular-nums;
}

.dark-layout .partner-context-switch__count {
  color: #b4b7bd;
}

.partner-context-switch--sub {
  display: flex;
  flex-wrap: wrap;
  align-self: flex-start;
  max-width: 100%;
}

.partner-grouped-tab {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.partner-section__title {
  display: flex;
  align-items: baseline;
  gap: 0.4rem;
  margin: 0 0 0.7rem;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #6e6b7b;
}

.dark-layout .partner-section__title {
  color: #b4b7bd;
}

.partner-section__count {
  font-size: 0.82rem;
  font-weight: 600;
  color: #5e5873;
  font-variant-numeric: tabular-nums;
}

.dark-layout .partner-section__count {
  color: #d0d2d6;
}

.partner-section__meta {
  font-size: 0.82rem;
  font-weight: 400;
  letter-spacing: normal;
  text-transform: none;
  color: #6e6b7b;
}

.dark-layout .partner-section__meta {
  color: #b4b7bd;
}

.partner-panel {
  margin-bottom: 0;
}

.partner-panel__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.6rem;
}

.partner-panel__head .partner-section__title {
  margin-bottom: 0;
}

.partner-panel__link {
  flex: none;
  font-size: 0.82rem;
  font-weight: 500;
  text-transform: none;
  letter-spacing: normal;
  color: #2980b9;
  white-space: nowrap;
}

.partner-panel__list {
  min-height: 4rem;
}

.partner-panel__more {
  margin-top: 0.6rem;
  font-size: 0.82rem;
  font-weight: 500;
  background: none;
  border: 0;
  padding: 0;
  color: #2980b9;
  cursor: pointer;
}

.partner-panel__more:hover {
  text-decoration: underline;
}

.partner-overview {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(0, 1.1fr) minmax(220px, 0.9fr);
  gap: 2rem;
}

@media (max-width: 1400px) {
  .partner-overview {
    grid-template-columns: minmax(0, 1.4fr) minmax(240px, 1fr);
  }

  .partner-overview .partner-overview__stream {
    grid-column: 1/-1;
  }
}

@media (max-width: 992px) {
  .partner-overview {
    grid-template-columns: minmax(0, 1fr);
  }
}

.partner-overview__side {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.partner-timeline {
  margin: 0;
  padding: 0;
  list-style: none;
}

.partner-timeline__item {
  position: relative;
  padding: 0 0 0.75rem 1.1rem;
}

.partner-timeline__item:not(:last-child)::before {
  content: "";
  position: absolute;
  left: 3px;
  top: 0.75rem;
  bottom: 0;
  width: 1px;
  background: #ebe9f1;
}

.dark-layout .partner-timeline__item:not(:last-child)::before {
  background: #3b4253;
}

.partner-timeline__item.is-note .partner-timeline__dot {
  background: #ff9f43;
}

.partner-timeline__item.is-change .partner-timeline__dot {
  background: #82868b;
}

.partner-timeline__dot {
  position: absolute;
  left: 0;
  top: 0.42rem;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #2980b9;
}

.partner-timeline__body {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0 0.45rem;
  font-size: 0.84rem;
}

.partner-timeline__title {
  font-weight: 600;
}

.partner-timeline__meta {
  font-variant-numeric: tabular-nums;
}

.partner-timeline__when {
  margin-left: auto;
  font-size: 0.75rem;
  color: #6e6b7b;
  white-space: nowrap;
}

.dark-layout .partner-timeline__when {
  color: #b4b7bd;
}

.partner-timeline__text {
  flex-basis: 100%;
  font-size: 0.82rem;
  color: #6e6b7b;
}

.dark-layout .partner-timeline__text {
  color: #b4b7bd;
}

.partner-terms {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 0.25rem 0.75rem;
  margin: 0;
  font-size: 0.85rem;
}

.partner-terms dt {
  font-weight: 400;
  color: #6e6b7b;
}

.dark-layout .partner-terms dt {
  color: #b4b7bd;
}

.partner-terms dd {
  margin: 0;
  text-align: right;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: #5e5873;
}

.dark-layout .partner-terms dd {
  color: #d0d2d6;
}

.partner-terms__set {
  font-weight: 500;
  color: #2980b9;
}

.partner-terms__empty {
  font-weight: 400;
  font-style: italic;
  color: #6e6b7b;
}

.dark-layout .partner-terms__empty {
  color: #b4b7bd;
}

@media (min-width: 768px) {
  .partner-tabs-bar {
    --partner-tabs-top: 6.5rem;
    position: sticky;
    top: var(--partner-tabs-top);
    z-index: 20;
    background: #f8f8f8;
  }

  .dark-layout .partner-tabs-bar {
    background: #161d31;
  }
}

.partner-promise {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 0.35rem 0.6rem;
  margin-bottom: 0.7rem;
  padding: 0.5rem 0.65rem;
  border-radius: 0.25rem;
  font-size: 0.85rem;
  background: rgba(41, 128, 185, 0.08);
  color: #6e6b7b;
}

.partner-promise.is-broken {
  background: rgba(234, 84, 85, 0.1);
}

.partner-promise__label {
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #5e5873;
}

.partner-promise.is-broken .partner-promise__label {
  color: #ea5455;
}

.partner-promise b {
  font-variant-numeric: tabular-nums;
  color: #5e5873;
}

.partner-promise__note {
  flex-basis: 100%;
  color: #6e6b7b;
}

.dark-layout .partner-promise {
  color: #b4b7bd;
}

.dark-layout .partner-promise__label,
.dark-layout .partner-promise b {
  color: #d0d2d6;
}

.partner-panel__actions {
  display: flex;
  align-items: baseline;
  gap: 0.9rem;
  flex: none;
}

.partner-panel__link--button {
  background: none;
  border: 0;
  padding: 0;
  cursor: pointer;
}

.partner-panel__link--button:hover {
  text-decoration: underline;
}

.partner-items-table__upcoming td {
  font-size: 0.82rem;
  color: #6e6b7b;
  background: #fbfcfe;
}

.dark-layout .partner-items-table__upcoming td {
  color: #b4b7bd;
  background: rgba(255, 255, 255, 0.02);
}

.reminder-field-skeleton {
  height: 2.714rem;
  margin-bottom: 0;
}

.reminder-field-skeleton--tall {
  height: 8.5rem;
}

.reminder-select--invalid .vs__dropdown-toggle {
  border-color: #ea5455;
}

.partner-reminders__message td {
  padding-top: 0;
  font-size: 0.82rem;
  color: #716e87;
  white-space: pre-line;
}

.dark-layout .partner-reminders__message td {
  color: #b4b7bd;
}

.partner-offset {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.5rem 1rem;
  margin-bottom: 0.75rem;
}

.partner-offset__label {
  display: block;
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #6e6b7b;
}

.dark-layout .partner-offset__label {
  color: #b4b7bd;
}

.partner-details__note {
  margin-top: 0.7rem;
  padding-top: 0.7rem;
  border-top: 1px solid #ebe9f1;
  font-size: 0.85rem;
  color: #6e6b7b;
}

.dark-layout .partner-details__note {
  border-top-color: #3b4253;
  color: #b4b7bd;
}

.partner-terms--text {
  grid-template-columns: minmax(0, 11rem) minmax(0, 1fr);
}

.partner-terms--text dd {
  text-align: left;
  font-variant-numeric: normal;
  overflow-wrap: anywhere;
}

.partner-terms__account {
  display: block;
  font-variant-numeric: tabular-nums;
}

.partner-terms__more {
  margin-top: 0.25rem;
}

.partner-registry__diff {
  padding: 0.5rem 0.65rem;
  border-radius: 0.25rem;
  background: rgba(255, 159, 67, 0.1);
  font-size: 0.85rem;
}

.partner-registry__diff-row {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.35rem;
  padding: 0.15rem 0;
}

.partner-registry__diff-label {
  min-width: 5rem;
  color: #6e6b7b;
}

.dark-layout .partner-registry__diff-label {
  color: #b4b7bd;
}

.partner-registry__diff-ours {
  text-decoration: line-through;
  color: #6e6b7b;
}

.dark-layout .partner-registry__diff-ours {
  color: #b4b7bd;
}

.partner-registry__diff-arrow {
  color: #6e6b7b;
}

.partner-registry__diff-theirs {
  font-weight: 600;
  color: #5e5873;
}

.dark-layout .partner-registry__diff-theirs {
  color: #d0d2d6;
}

.partner-registry__diff-note {
  margin-top: 0.3rem;
  font-size: 0.82rem;
  color: #6e6b7b;
}

.dark-layout .partner-registry__diff-note {
  color: #b4b7bd;
}

.partner-side-group {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
  padding-top: 0.7rem;
  margin-top: 0.7rem;
  border-top: 1px solid #ebe9f1;
}

.dark-layout .partner-side-group {
  border-top-color: #3b4253;
}

.partner-side-group__label {
  font-size: 0.85rem;
  color: #6e6b7b;
}

.dark-layout .partner-side-group__label {
  color: #b4b7bd;
}

.partner-contacts {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0.85rem;
}

.partner-contacts li {
  padding: 0.25rem 0;
  border-bottom: 1px solid #ebe9f1;
}

.partner-contacts li:last-child {
  border-bottom: 0;
}

.dark-layout .partner-contacts li {
  border-bottom-color: #3b4253;
}

.partner-contacts__value {
  display: block;
  font-weight: 600;
  color: #5e5873;
}

.dark-layout .partner-contacts__value {
  color: #d0d2d6;
}

.partner-history {
  display: flex;
  flex-direction: column;
}

.partner-history__row {
  padding: 0.6rem 0;
  border-bottom: 1px solid #ebe9f1;
}

.partner-history__row:last-child {
  border-bottom: 0;
}

.dark-layout .partner-history__row {
  border-bottom-color: #3b4253;
}

.partner-history__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.5rem;
  font-size: 0.82rem;
  color: #6e6b7b;
}

.dark-layout .partner-history__meta {
  color: #b4b7bd;
}

.partner-history__when {
  font-variant-numeric: tabular-nums;
}

.partner-history__action {
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  padding: 0.08rem 0.35rem;
  border-radius: 0.25rem;
  background: rgba(41, 128, 185, 0.12);
  color: #236fa0;
}

.partner-history__action.is-created {
  background: rgba(40, 199, 111, 0.14);
  color: #1e9453;
}

.partner-history__action.is-deleted {
  background: rgba(234, 84, 85, 0.14);
  color: #ea5455;
}

.dark-layout .partner-history__action {
  color: #62acdc;
}

.dark-layout .partner-history__action.is-created {
  color: #28c76f;
}

.partner-history__who {
  font-weight: 600;
  color: #5e5873;
}

.dark-layout .partner-history__who {
  color: #d0d2d6;
}

.partner-history__changes {
  margin: 0.3rem 0 0;
  padding-left: 1rem;
  font-size: 0.85rem;
}

.partner-history__changes li {
  margin-bottom: 0.1rem;
}

.partner-history__changes b {
  margin-right: 0.35rem;
}

.partner-history__old {
  text-decoration: line-through;
  opacity: 0.75;
}

.partner-history__arrow {
  margin: 0 0.35rem;
}

.partner-history__new {
  font-weight: 600;
  color: #5e5873;
}

.dark-layout .partner-history__new {
  color: #d0d2d6;
}

.partner-role-chip {
  display: inline-block;
  margin-left: 0.25rem;
  min-width: 1.05rem;
  padding: 0 0.2rem;
  border-radius: 0.25rem;
  font-size: 0.65rem;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  vertical-align: 1px;
}

.partner-role-chip.is-customer {
  background: rgba(41, 128, 185, 0.14);
  color: #236fa0;
}

.partner-role-chip.is-vendor {
  background: rgba(0, 207, 232, 0.18);
  color: #006b78;
}

.dark-layout .partner-role-chip.is-customer {
  color: #62acdc;
}

.dark-layout .partner-role-chip.is-vendor {
  color: #00cfe8;
}

.partner-badge {
  display: inline-block;
  padding: 0.12rem 0.42rem;
  border-radius: 0.25rem;
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.partner-badge--customer {
  background: rgba(41, 128, 185, 0.14);
  color: #236fa0;
}

.partner-badge--vendor {
  background: rgba(0, 207, 232, 0.18);
  color: #006b78;
}

.partner-badge--ok {
  background: rgba(40, 199, 111, 0.16);
  color: #1e9453;
}

.partner-badge--danger {
  background: rgba(234, 84, 85, 0.16);
  color: #ea5455;
}

.partner-badge--warning {
  background: rgba(255, 159, 67, 0.18);
  color: #e67100;
}

.partner-badge--muted {
  background: rgba(130, 134, 139, 0.16);
  color: #5f6266;
}

.dark-layout .partner-badge--customer {
  color: #62acdc;
}

.dark-layout .partner-badge--vendor {
  color: #00cfe8;
}

.dark-layout .partner-badge--ok {
  color: #28c76f;
}

.dark-layout .partner-badge--warning {
  color: #ff9f43;
}

.dark-layout .partner-badge--muted {
  color: #b4b7bd;
}

.partner-figure {
  display: inline-block;
  margin-top: 0.1rem;
  padding: 0;
  border: 0;
  background: none;
  font-size: 1.55rem;
  font-weight: 600;
  line-height: 1.2;
  font-variant-numeric: tabular-nums;
  color: #5e5873;
  cursor: pointer;
}

.partner-figure--net {
  font-size: 2rem;
  letter-spacing: -0.015em;
}

.partner-figure--side {
  font-size: 1.2rem;
}

.partner-figure:hover,
.partner-figure:focus-visible {
  color: #2980b9;
  text-decoration: underline;
}

.partner-figure--static {
  cursor: default;
}

.partner-figure--static:hover,
.partner-figure--static:focus-visible {
  color: inherit;
  text-decoration: none;
}

.dark-layout .partner-figure {
  color: #d0d2d6;
}

.partner-meter {
  height: 5px;
  margin-top: 0.35rem;
  border-radius: 3px;
  background: #ebe9f1;
  overflow: hidden;
}

.dark-layout .partner-meter {
  background: #3b4253;
}

.partner-meter__fill {
  height: 100%;
  background: #2980b9;
  transition: width 0.2s ease;
}

.partner-meter__fill.is-ok {
  background: #28c76f;
}

.partner-meter__fill.is-near {
  background: #ff9f43;
}

.partner-meter__fill.is-over {
  background: #ea5455;
}

.partner-spark {
  display: block;
  width: 96px;
  height: 22px;
  margin-top: 0.3rem;
  color: #2980b9;
}

.partner-agebar {
  display: flex;
  width: 100%;
  height: 10px;
  margin: 0.45rem 0 0.5rem;
  padding: 0;
  border: 0;
  border-radius: 0.25rem;
  overflow: hidden;
  background: #ebe9f1;
  cursor: pointer;
}

.dark-layout .partner-agebar {
  background: #3b4253;
}

.partner-agebar:hover,
.partner-agebar:focus-visible {
  box-shadow: 0 0 0 2px rgba(41, 128, 185, 0.25);
}

.partner-agebar--static {
  cursor: default;
}

.partner-agebar--static:hover,
.partner-agebar--static:focus-visible {
  box-shadow: none;
}

.partner-agebar__seg {
  display: block;
  height: 100%;
  min-width: 2px;
}

.partner-agebar__seg.is-current {
  background: #82868b;
}

.partner-agebar__seg.is-soon {
  background: rgba(41, 128, 185, 0.55);
}

.partner-agebar__seg.is-mid {
  background: #2980b9;
}

.partner-agebar__seg.is-warning {
  background: #ff9f43;
}

.partner-agebar__seg.is-danger {
  background: #ea5455;
}

.partner-agelegend {
  display: flex;
  flex-wrap: wrap;
  gap: 0.15rem 1.1rem;
  font-size: 0.82rem;
  color: #6e6b7b;
}

.dark-layout .partner-agelegend {
  color: #b4b7bd;
}

.partner-agelegend__item {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
}

.partner-agelegend__item b {
  color: #5e5873;
  font-variant-numeric: tabular-nums;
}

.dark-layout .partner-agelegend__item b {
  color: #d0d2d6;
}

.partner-agelegend__item.is-empty {
  color: #c3c0cd;
}

.partner-agelegend__item.is-empty b {
  color: #c3c0cd;
  font-weight: 400;
}

.partner-agelegend__item.is-empty .partner-agelegend__dot {
  background: #ebe9f1 !important;
}

.partner-agelegend__dot {
  width: 8px;
  height: 8px;
  border-radius: 2px;
  flex: none;
}

.partner-agelegend__dot.is-current {
  background: #82868b;
}

.partner-agelegend__dot.is-soon {
  background: rgba(41, 128, 185, 0.55);
}

.partner-agelegend__dot.is-mid {
  background: #2980b9;
}

.partner-agelegend__dot.is-warning {
  background: #ff9f43;
}

.partner-agelegend__dot.is-danger {
  background: #ea5455;
}

.customer-view .customer-tabs-nav .nav-link.active,
.customer-view .vendor-tabs-nav .nav-link.active,
.vendor-view .customer-tabs-nav .nav-link.active,
.vendor-view .vendor-tabs-nav .nav-link.active {
  font-weight: 600;
}

.customer-view .partner-tab-count,
.vendor-view .partner-tab-count {
  display: inline-block;
  margin-left: 0.35rem;
  padding: 0 0.3rem;
  min-width: 1.15rem;
  border-radius: 0.25rem;
  background: #f3f2f7;
  color: #6b6779;
  font-size: 0.82rem;
  font-weight: 600;
  line-height: 1.35;
  text-align: center;
  font-variant-numeric: tabular-nums;
}

.dark-layout .customer-view .partner-tab-count,
.dark-layout .vendor-view .partner-tab-count {
  background: #3b4253;
  color: #9aa0b0;
}

.customer-view .select-chevron,
.vendor-view .select-chevron {
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  transition: transform 0.2s ease;
}

.customer-view .select-chevron.open,
.vendor-view .select-chevron.open {
  transform: rotate(180deg);
}

.customer-view .advance-icon-link,
.vendor-view .advance-icon-link {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
}

.customer-view .advance-icon-wrap i,
.vendor-view .advance-icon-wrap i {
  color: #28a745;
}

.customer-view .advance-icon-link:hover .advance-icon-wrap i,
.customer-view .advance-icon-link:focus .advance-icon-wrap i,
.vendor-view .advance-icon-link:hover .advance-icon-wrap i,
.vendor-view .advance-icon-link:focus .advance-icon-wrap i {
  color: #1e7e34;
}

.customer-view .due-balance-link,
.vendor-view .due-balance-link {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  color: #1b5fa7;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  text-decoration: none;
  cursor: pointer;
}

.customer-view .due-balance-link:hover,
.customer-view .due-balance-link:focus,
.vendor-view .due-balance-link:hover,
.vendor-view .due-balance-link:focus {
  color: #134a82;
}

.customer-view .due-balance-icon-link,
.vendor-view .due-balance-icon-link {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
}

.customer-view .due-balance-icon-link:disabled,
.vendor-view .due-balance-icon-link:disabled {
  cursor: default;
  opacity: 0.6;
}

.customer-view .due-icon-wrap i,
.vendor-view .due-icon-wrap i {
  color: #1b5fa7;
}

.customer-view .due-balance-icon-link:hover .due-icon-wrap i,
.customer-view .due-balance-icon-link:focus .due-icon-wrap i,
.vendor-view .due-balance-icon-link:hover .due-icon-wrap i,
.vendor-view .due-balance-icon-link:focus .due-icon-wrap i {
  color: #134a82;
}

.customer-view .due-mail-wrap i,
.vendor-view .due-mail-wrap i {
  color: #6b7280;
}

.customer-view .due-balance-icon-link:hover .due-mail-wrap i,
.customer-view .due-balance-icon-link:focus .due-mail-wrap i,
.vendor-view .due-balance-icon-link:hover .due-mail-wrap i,
.vendor-view .due-balance-icon-link:focus .due-mail-wrap i {
  color: #1b5fa7;
}

.vendor-view .advance-icon-link {
  outline: none;
}

.partners-form .info-banner {
  background-color: #f7f9fc;
  border: 1px solid #dbe4ee;
  border-left: 4px solid #5c9ded;
  padding: 0.4rem;
  border-radius: 0.375rem;
  font-size: 0.95rem;
  color: #2f3e4e;
  margin-bottom: 1rem;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
}

@media (min-width: 992px) {
  .partners-form .partner-side-column {
    position: sticky;
    top: 1.5rem;
    align-self: flex-start;
  }
}

.partners-form .partner-type-toggle .btn {
  white-space: nowrap;
}

.partners-form .partner-map-toggle,
.partners-form .partner-note-toggle {
  font-size: 1rem;
  text-decoration: none;
}

.partners-form .partner-map-toggle .fa,
.partners-form .partner-note-toggle .fa {
  margin-right: 0.4rem;
  font-size: 0.85rem;
}

.partners-form .address-search-results,
.location-modal-form .address-search-results {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1055;
  max-height: 220px;
  overflow-y: auto;
}

.partners-form .address-search-results .vs__dropdown-option,
.partners-form .address-search-results .vs__no-options,
.location-modal-form .address-search-results .vs__dropdown-option,
.location-modal-form .address-search-results .vs__no-options {
  white-space: normal;
  line-height: 1.2;
}

.partners-form .address-input,
.location-modal-form .address-input {
  padding-right: 2.5rem;
}

.partners-form .address-locate-btn,
.location-modal-form .address-locate-btn {
  position: absolute;
  right: 6px;
  top: 32px;
  padding: 0.25rem 0.4rem;
  line-height: 1;
  z-index: 3;
}

.partner-form-map .vue-google-map,
.partner-form-map .vue-google-map .map-view {
  border-radius: 0.5rem;
  overflow: hidden;
}

.partner-role + .partner-role {
  margin-top: 1rem;
}

.partner-role-off {
  font-size: 0.857rem;
}

.partner-deals-tab {
  min-height: 120px;
}

.partner-deals-tab .deals-grid-view {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 1rem;
}

.partner-deals-tab .card-img-top {
  -o-object-fit: contain;
     object-fit: contain;
  height: auto;
  aspect-ratio: 1/1;
}

.partner-deals-tab .deals-grid-view .overlay-img-left {
  position: absolute;
  left: 24px;
  top: 10px;
  width: 50px;
  height: 10px;
  border-radius: 0.375rem;
  color: #1e1e1e;
  font-size: 10px;
  font-weight: bold;
}

.partner-deals-tab .deals-grid-view .item-name {
  font-size: 1.1rem;
}

.partner-deals-tab .deals-grid-view .ecommerce-card .card-body {
  padding-bottom: 100px;
}

.partner-deals-tab .icon-wrap {
  border-radius: 0.375rem;
  background: rgba(41, 128, 185, 0.23);
  text-align: center;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.partner-deals-tab .icon-wrap i {
  font-size: 12px;
}

.partner-deals-tab .grid-view-date-item {
  padding-bottom: 10px;
}

.partner-deals-tab .grid-view-date-item:last-child {
  padding-bottom: 0;
}

.partner-deals-tab .grid-view-date-text {
  font-size: 15px;
}

.partner-deals-tab .grid-view-spacer {
  height: 40px;
}

.partner-deals-tab .pill-top-left {
  position: absolute;
  left: 12px;
  top: 12px;
  background: #f8f8f8;
  width: auto;
  height: auto;
  padding: 2px 8px;
  border-radius: 0.357rem;
  z-index: 2;
}

.partner-deals-tab .pill-top-left p {
  font-size: 12px;
  font-weight: 700;
}

.partner-deals-tab .bottom-box {
  position: absolute;
  bottom: 0;
  overflow: hidden;
  left: 0;
  width: 100%;
}

.partner-deals-tab .owner-image-bottom-right {
  position: absolute;
  bottom: 24px;
  right: 24px;
  z-index: 10;
}

.open-item-statement-preview .creator-signature img,
.open-item-statement-preview .stamp-preview img {
  max-width: 190px;
  max-height: 110px;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
  margin: 0 auto;
}

@media print {
  .open-item-statement-preview .signature-stamp-row {
    display: block !important;
  }

  .open-item-statement-preview .signature-stamp-container {
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-end !important;
    width: 100% !important;
  }

  .open-item-statement-preview .signature-stamp-group {
    display: flex !important;
    align-items: flex-end !important;
    gap: 24px !important;
  }

  .open-item-statement-preview .signature-confirmation {
    flex-shrink: 0 !important;
  }

  .open-item-statement-preview .creator-signature,
  .open-item-statement-preview .stamp-preview {
    margin-bottom: 24px;
  }
}

#modal-customer-statement___BV_modal_content_,
#modal-vendor-statement___BV_modal_content_,
#modal-open-item-statement___BV_modal_content_ {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.backorder-header__position {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 1rem 2rem;
}

.backorder-header__lead {
  min-width: 0;
  flex: 0 0 auto;
}

.backorder-header__sides {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 1.75rem;
  min-width: 0;
  padding-left: 2rem;
  border-left: 1px solid #ebe9f1;
  align-self: stretch;
}

.dark-layout .backorder-header__sides {
  border-left-color: #3b4253;
}

@media (max-width: 575.98px) {
  .backorder-header__sides {
    padding-left: 0;
    border-left: 0;
  }
}

.backorder-header__side {
  min-width: 0;
}

.backorder-header__label {
  display: block;
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #6e6b7b;
}

.dark-layout .backorder-header__label {
  color: #b4b7bd;
}

.backorder-header__figure {
  display: block;
  margin-top: 0.1rem;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.2;
  font-variant-numeric: tabular-nums;
  color: #5e5873;
}

.dark-layout .backorder-header__figure {
  color: #d0d2d6;
}

.backorder-header__figure--lead {
  font-size: 2rem;
  letter-spacing: -0.015em;
}

.backorder-header__figure.is-ok {
  color: #28c76f;
}

.backorder-header__figure.is-over {
  color: #ea5455;
}

.backorder-header__figure.is-muted {
  color: #6e6b7b;
}

.dark-layout .backorder-header__figure.is-muted {
  color: #b4b7bd;
}

.backorder-header__sub {
  display: block;
  margin-top: 0.15rem;
  font-size: 0.82rem;
  color: #6e6b7b;
}

.backorder-header__sub b {
  color: #5e5873;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}

.dark-layout .backorder-header__sub {
  color: #b4b7bd;
}

.dark-layout .backorder-header__sub b {
  color: #d0d2d6;
}

.backorder-header__rule {
  height: 1px;
  margin: 0.9rem 0;
  background: #ebe9f1;
}

.dark-layout .backorder-header__rule {
  background: #3b4253;
}

.backorder-chips {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 2px;
  padding: 3px;
  border-radius: 0.375rem;
  background: #f3f2f7;
  vertical-align: middle;
}

.dark-layout .backorder-chips {
  background: #3b4253;
}

.backorder-chips__option {
  padding: 4px 12px;
  border: 0;
  border-radius: 0.25rem;
  background: none;
  font-size: 0.9rem;
  font-weight: 500;
  color: #6e6b7b;
  cursor: pointer;
  transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
}

.backorder-chips__option:hover {
  color: #5e5873;
}

.backorder-chips__option.is-active {
  background: #ffffff;
  color: #5e5873;
  font-weight: 600;
  box-shadow: 0 1px 2px rgba(34, 41, 47, 0.12);
}

.dark-layout .backorder-chips__option {
  color: #b4b7bd;
}

.dark-layout .backorder-chips__option.is-active {
  background: #283046;
  color: #d0d2d6;
}

.backorder-chips__count {
  font-size: 0.82rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  opacity: 0.75;
}

.backorder-chips__toggle {
  margin-left: 0.5rem;
  padding: 7px 12px;
  border: 1px solid #ebe9f1;
  border-radius: 0.375rem;
  background: none;
  font-size: 0.9rem;
  font-weight: 500;
  color: #6e6b7b;
  cursor: pointer;
  transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out, border-color 0.15s ease-in-out;
  vertical-align: middle;
}

.backorder-chips__toggle:hover {
  color: #5e5873;
}

.backorder-chips__toggle.is-active {
  border-color: #2980b9;
  background: rgba(41, 128, 185, 0.08);
  color: #2980b9;
  font-weight: 600;
}

.dark-layout .backorder-chips__toggle {
  border-color: #3b4253;
  color: #b4b7bd;
}

.dark-layout .backorder-chips__toggle:hover {
  color: #d0d2d6;
}

@media (max-width: 575.98px) {
  .backorder-chips__toggle {
    margin-left: 0;
    margin-top: 0.5rem;
  }
}

.expected-date-empty {
  opacity: 0.5;
}

.notifications-page-card {
  border-radius: 0.6rem;
  box-shadow: 0 1px 2px 0 rgba(34, 41, 47, 0.06), 0 4px 16px 0 rgba(34, 41, 47, 0.08);
  overflow: hidden;
}

/* Header */

.notifications-page-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.75rem;
  padding: 1.25rem 1.5rem;
  border-bottom: 1px solid #ebe9f1;
}

.notifications-page-title {
  color: #5e5873;
  font-weight: 600;
}

.notifications-count-badge {
  font-size: 0.8rem;
  font-weight: 600;
  padding: 0.25rem 0.55rem;
}

/* Tabs */

.notifications-tabs {
  display: inline-flex;
  background-color: #f3f2f7;
  border-radius: 0.5rem;
  padding: 0.2rem;
}

.notifications-tab {
  border: none;
  background: transparent;
  padding: 0.4rem 0.85rem;
  font-size: 0.857rem;
  font-weight: 500;
  color: #6e6b7b;
  border-radius: 0.375rem;
  cursor: pointer;
  transition: 0.15s ease-in-out;
}

.notifications-tab:focus {
  outline: none;
}

.notifications-tab:focus-visible {
  outline: 2px solid #2980b9;
  outline-offset: 2px;
}

/* Visually-hidden live region (screen-reader announcements). */

.notifications-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.notifications-tab.active {
  background-color: #ffffff;
  color: #2980b9;
  box-shadow: 0 2px 6px 0 rgba(34, 41, 47, 0.08);
}

/* States */

.notifications-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 4rem 1.5rem;
  text-align: center;
}

.notifications-empty-icon {
  font-size: 2.5rem;
  color: #c3c0cd;
  margin-bottom: 1rem;
}

.notifications-empty-text {
  color: #716e87;
  font-size: 1rem;
}

/* Date group header */

.notifications-group-header {
  padding: 0.6rem 1.5rem;
  background-color: #fafafc;
  border-bottom: 1px solid #f3f2f7;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  color: #716e87;
}

/* List */

.notifications-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Load more */

.notifications-load-more {
  display: flex;
  justify-content: center;
  padding: 1.25rem 1.5rem;
}

.notifications-row {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 1.1rem 1.5rem;
  border-bottom: 1px solid #f3f2f7;
  transition: background-color 0.15s ease-in-out;
}

.notifications-row.is-clickable {
  cursor: pointer;
}

.notifications-row:hover {
  background-color: #f6f6f9;
}

/* Open action: reset button styling; ::after stretches over the whole row
   so the row is clickable while the button stays the keyboard/focus target. */

.notifications-row-open {
  border: 0;
  padding: 0;
  background: transparent;
  font: inherit;
  text-align: left;
  color: inherit;
  cursor: pointer;
}

.notifications-row-open::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
}

.notifications-row-open:focus {
  outline: none;
}

.notifications-row-open:focus-visible::after {
  outline: 2px solid #2980b9;
  outline-offset: -2px;
  border-radius: 0.375rem;
}

/* Mark read/unread control sits above the stretched open action. */

.notifications-mark-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
  position: relative;
  z-index: 1;
  transition: background-color 0.15s ease-in-out;
}

.notifications-mark-btn:hover {
  background-color: rgba(41, 128, 185, 0.1);
}

.notifications-mark-btn:focus {
  outline: none;
}

.notifications-mark-btn:focus-visible {
  outline: 2px solid #2980b9;
  outline-offset: 2px;
}

/* Unread is conveyed by the tint + the unread dot (no colored border strip). */

.notifications-row.is-unread {
  background-color: rgba(41, 128, 185, 0.06);
}

.notifications-row.is-unread:hover {
  background-color: rgba(41, 128, 185, 0.1);
}

/* Row icon */

.notifications-row-icon {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 1rem;
  background-color: rgba(41, 128, 185, 0.12);
  color: #2980b9;
}

.notifications-row-icon.type-success {
  background-color: rgba(40, 199, 111, 0.12);
  color: #28c76f;
}

.notifications-row-icon.type-warning {
  background-color: rgba(255, 159, 67, 0.12);
  color: #ff9f43;
}

.notifications-row-icon.type-danger {
  background-color: rgba(234, 84, 85, 0.12);
  color: #ea5455;
}

.notifications-row-icon.type-info {
  background-color: rgba(0, 207, 232, 0.12);
  color: #00cfe8;
}

/* Row body */

.notifications-row-body {
  flex: 1 1 auto;
  min-width: 0;
}

.notifications-row-title {
  font-weight: 600;
  color: #5e5873;
}

.notifications-row-tag {
  font-size: 0.7rem;
  font-weight: 500;
}

.notifications-row-subtitle {
  margin-top: 0.15rem;
  color: #6e6b7b;
  font-size: 0.9rem;
  line-height: 1.4;
}

.notifications-row-time {
  display: block;
  margin-top: 0.35rem;
  font-size: 0.75rem;
  color: #716e87;
}

/* Row action */

.notifications-row-action {
  flex-shrink: 0;
  padding-top: 0.35rem;
}

.notifications-unread-dot {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #2980b9;
  box-shadow: 0 0 0 3px rgba(41, 128, 185, 0.2);
}

.notifications-read-dot {
  font-size: 0.85rem;
  color: #c3c0cd;
}

/* Dark mode */

.dark-layout .notifications-page-card {
  background-color: #283046;
}

.dark-layout .notifications-page-header,
.dark-layout .notifications-row {
  border-color: #3b4253;
}

.dark-layout .notifications-page-title,
.dark-layout .notifications-row-title {
  color: #d0d2d6;
}

.dark-layout .notifications-row-subtitle {
  color: #b4b7bd;
}

.dark-layout .notifications-tabs {
  background-color: #161d31;
}

.dark-layout .notifications-tab {
  color: #b4b7bd;
}

.dark-layout .notifications-tab.active {
  background-color: #283046;
  color: #2980b9;
}

.dark-layout .notifications-row:hover {
  background-color: #242b3d;
}

/* $color-text-muted-aa is too dark on the dark surface; use the dark body-text token. */

.dark-layout .notifications-empty-text,
.dark-layout .notifications-row-time {
  color: #b4b7bd;
}

.dark-layout .notifications-group-header {
  color: #b4b7bd;
  background-color: #242b3d;
  border-color: #3b4253;
}

.notifications-skeleton .ns-group-header {
  padding: 0.6rem 1.5rem;
  background-color: #fafafc;
  border-bottom: 1px solid #f3f2f7;
}

.notifications-skeleton .ns-row {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 1.1rem 1.5rem;
  border-bottom: 1px solid #f3f2f7;
}

.notifications-skeleton .ns-icon {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
}

.notifications-skeleton .ns-body {
  flex: 1 1 auto;
  min-width: 0;
}

.notifications-skeleton .ns-line {
  margin-bottom: 0.5rem;
}

.notifications-skeleton .ns-dot {
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  margin-top: 0.35rem;
}

.dark-layout .notifications-skeleton .ns-group-header {
  background-color: #242b3d;
  border-bottom-color: #3b4253;
}

.dark-layout .notifications-skeleton .ns-row {
  border-bottom-color: #3b4253;
}

.travel-order-view__main,
.travel-order-view__side {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.travel-order-view .card {
  margin-bottom: 0;
}

.travel-section__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}

.travel-section__title {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  margin: 0;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5e5873;
}

.dark-layout .travel-section__title {
  color: #d0d2d6;
}

.travel-section__count {
  padding: 0.05rem 0.35rem;
  border-radius: 0.25rem;
  background: rgba(41, 128, 185, 0.12);
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0;
  color: #226998;
}

.travel-section__note {
  font-size: 0.82rem;
  color: #6e6b7b;
}

.dark-layout .travel-section__note {
  color: #b4b7bd;
}

.travel-wage-flag {
  margin-right: 4px;
  font-size: 11px;
  cursor: help;
}

.travel-wage-flag--over {
  color: #ea5455;
}

.travel-wage-flag--under {
  color: #ff9f43;
}

.travel-table {
  overflow-x: auto;
}

.travel-table table {
  width: 100%;
  margin: 0;
  border-collapse: collapse;
}

.travel-table thead td,
.travel-table thead th {
  padding: 7px 10px;
  border-bottom: 2px solid #d8d6de;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  white-space: nowrap;
  color: #6b6779;
}

.dark-layout .travel-table thead td,
.dark-layout .travel-table thead th {
  border-bottom-color: #3b4253;
  color: #b4b7bd;
}

.travel-table tbody td {
  padding: 7px 10px;
  border-bottom: 1px solid #eeedf3;
  font-size: 0.857rem;
  vertical-align: top;
  color: #5e5873;
}

.dark-layout .travel-table tbody td {
  border-bottom-color: #3b4253;
  color: #d0d2d6;
}

.travel-table tbody tr:last-child td {
  border-bottom: 0;
}

.travel-table tbody tr:hover td {
  background: #f6f6f9;
}

.dark-layout .travel-table tbody tr:hover td {
  background: rgba(255, 255, 255, 0.03);
}

.travel-table .is-num {
  text-align: right;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.travel-table tfoot td {
  padding: 7px 10px;
  border-top: 1px solid #d8d6de;
  font-size: 0.857rem;
  font-weight: 600;
  color: #5e5873;
}

.dark-layout .travel-table tfoot td {
  border-top-color: #3b4253;
  color: #d0d2d6;
}

.travel-table__sub {
  display: block;
  font-size: 0.82rem;
  line-height: 1.3;
  color: #6e6b7b;
}

.dark-layout .travel-table__sub {
  color: #b4b7bd;
}

.travel-settlement__row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.28rem 0;
}

.travel-settlement__label {
  font-size: 0.857rem;
  color: #6e6b7b;
}

.dark-layout .travel-settlement__label {
  color: #b4b7bd;
}

.travel-settlement__value {
  font-size: 1.07rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  color: #5e5873;
}

.dark-layout .travel-settlement__value {
  color: #d0d2d6;
}

.travel-settlement__row--less .travel-settlement__value {
  color: #5e5873;
}

.travel-settlement__rule {
  height: 1px;
  margin: 0.4rem 0;
  background: #ebe9f1;
}

.dark-layout .travel-settlement__rule {
  background: #3b4253;
}

.travel-settlement__rule--strong {
  background: #d8d6de;
}

.travel-settlement__row--result {
  padding-top: 0.5rem;
}

.travel-settlement__row--result .travel-settlement__label {
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #5e5873;
}

.dark-layout .travel-settlement__row--result .travel-settlement__label {
  color: #d0d2d6;
}

.travel-settlement__row--result .travel-settlement__value {
  font-size: 1.35rem;
}

.travel-settlement__row--refund .travel-settlement__value {
  color: #ea5455;
}

.travel-settlement__notes {
  margin-top: 0.75rem;
  padding-top: 0.75rem;
  border-top: 1px solid #ebe9f1;
}

.dark-layout .travel-settlement__notes {
  border-top-color: #3b4253;
}

.travel-settlement__note {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.15rem 0;
  font-size: 0.857rem;
  color: #6e6b7b;
}

.dark-layout .travel-settlement__note {
  color: #b4b7bd;
}

.travel-settlement__note b {
  font-weight: 600;
}

.travel-settlement__note .is-ok {
  color: #28c76f;
}

.travel-settlement__note .is-over {
  color: #ea5455;
}

.travel-settlement__note .is-unknown {
  font-style: italic;
  font-weight: 400;
  color: #6e6b7b;
}

.dark-layout .travel-settlement__note .is-unknown {
  color: #b4b7bd;
}

.travel-details--columns {
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
}

.travel-report {
  font-size: 0.857rem;
  line-height: 1.55;
  white-space: pre-line;
  overflow-wrap: anywhere;
  color: #5e5873;
}

.dark-layout .travel-report {
  color: #d0d2d6;
}

.travel-trip__list {
  display: grid;
  gap: 0.35rem;
  margin-top: 0.75rem;
}

.travel-trip__person {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.35rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.857rem;
  color: #5e5873;
  transition: background 0.15s ease-in-out;
}

.dark-layout .travel-trip__person {
  color: #d0d2d6;
}

.travel-trip__person:hover {
  background: #f6f6f9;
}

.travel-trip__person--current {
  background: rgba(41, 128, 185, 0.08);
  font-weight: 600;
}

.travel-trip__amount {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.travel-form .v-select.is-invalid .vs__dropdown-toggle {
  border-color: #ea5455;
}

.travel-form .travel-checks,
.travel-form .travel-checks__ok {
  font-size: 0.857rem;
}

.travel-checks {
  display: grid;
  gap: 0.3rem;
}

.travel-checks__item {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
}

.travel-checks__text {
  color: #6e6b7b;
}

.dark-layout .travel-checks__text {
  color: #b4b7bd;
}

.travel-checks__ok {
  color: #28c76f;
  font-weight: 500;
}

@media (max-width: 575.98px) {
  .travel-header__actions > .btn {
    flex: 1 1 auto;
  }

  .travel-table--stack thead {
    display: none;
  }

  .travel-table--stack tbody,
  .travel-table--stack tbody tr,
  .travel-table--stack tbody td {
    display: block;
    width: 100%;
  }

  .travel-table--stack tbody tr {
    padding: 0.75rem 0;
    border-bottom: 1px solid #eeedf3;
  }

  .dark-layout .travel-table--stack tbody tr {
    border-bottom-color: #3b4253;
  }

  .travel-table--stack tbody tr:last-child {
    border-bottom: 0;
  }

  .travel-table--stack tbody td {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.15rem 0;
    border-bottom: 0;
  }

  .travel-table--stack tbody td::before {
    content: attr(data-label);
    flex: none;
    font-size: 0.82rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #6e6b7b;
  }

  .dark-layout .travel-table--stack tbody td::before {
    color: #b4b7bd;
  }

  .travel-table--stack tbody td:empty {
    display: none;
  }

  .travel-table--stack tfoot td {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
  }
}

.travel-order-expenses-grid .rate-cell {
  display: flex;
  align-items: center;
  gap: 0.35rem;
}

.travel-order-expenses-grid .rate-cell .form-control {
  flex: 1 1 auto;
  min-width: 84px;
}

.travel-order-expenses-grid .rate-cell__flag {
  flex: 0 0 auto;
  font-size: 12px;
}

.travel-order-expenses-grid .expenses-grid-actions {
  display: flex;
  gap: 0.5rem;
}

.travel-order-expenses-grid .expenses-grid-actions .document-items-add-line {
  flex: 1 1 0;
}

.travel-order-expenses-grid .expenses-grid-upload--busy {
  pointer-events: none;
  opacity: 0.65;
}

.travel-order-expenses-grid .row-ai-extracted td {
  background: rgba(41, 128, 185, 0.05);
}

.travel-order-expenses-grid .expenses-grid-receipts {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.5rem;
  font-size: 0.857rem;
}

.travel-order-expenses-grid .expenses-grid-receipt-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.15rem 0.5rem;
  border: 1px solid #ebe9f1;
  border-radius: 0.25rem;
}

.travel-order-expenses-grid .expenses-grid-receipt-remove {
  border: 0;
  background: none;
  padding: 0 0.1rem;
  line-height: 1;
  color: #6e6b7b;
  cursor: pointer;
}

.travel-order-expenses-grid .expenses-grid-receipt-hint {
  color: #6e6b7b;
}

.travel-order-expenses-grid .expenses-grid-ocr-error {
  margin-top: 0.5rem;
  font-size: 0.857rem;
  color: #ea5455;
}

.travel-order-expenses-grid .expenses-grid-ocr-warnings {
  margin: 0.5rem 0 0;
  padding-left: 1.25rem;
  font-size: 0.857rem;
  color: #ff9f43;
}

.travel-order-expenses-grid .vendor-attach {
  width: 100%;
  border: 1px dashed #cfd7e4;
  background: #fbfcfe;
  border-radius: 0.25rem;
  padding: 0.35rem 0.4rem;
  font-size: 0.786rem;
  color: #9a97a5;
  cursor: pointer;
}

.travel-order-expenses-grid .vendor-attach:hover {
  background: #f3f7fb;
  color: #2980b9;
  border-color: #2980b9;
}

.travel-order-expenses-grid .vendor-chip {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  width: 100%;
  border: 1px solid #2980b9;
  background: rgba(41, 128, 185, 0.08);
  border-radius: 0.25rem;
  padding: 0.35rem 0.4rem;
  font-size: 0.786rem;
  color: #2980b9;
  cursor: pointer;
  text-align: left;
}

.travel-order-expenses-grid .vendor-chip__name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.travel-order-expenses-grid .expenses-grid-vendor-note {
  display: flex;
  align-items: flex-start;
  gap: 0.4rem;
  margin-top: 0.5rem;
  font-size: 0.857rem;
  color: #6e6b7b;
}

.travel-order-expenses-grid .vendor-modal__lead {
  color: #6e6b7b;
}

.travel-order-legs-grid .wage-cell {
  position: relative;
}

.travel-order-legs-grid .wage-cell__flag {
  position: absolute;
  left: 7px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 11px;
  line-height: 1;
  cursor: help;
  pointer-events: auto;
}

.travel-order-legs-grid .wage-cell__flag--over {
  color: #ea5455;
}

.travel-order-legs-grid .wage-cell__flag--under {
  color: #ff9f43;
}

.travel-order-legs-grid .wage-cell__input--over,
.travel-order-legs-grid .wage-cell__input--under {
  padding-left: 18px !important;
}

.travel-order-legs-grid .wage-cell__input--over,
.travel-order-legs-grid .wage-cell__input--over:focus {
  border-color: #ea5455;
}

.travel-order-legs-grid .wage-cell__input--under,
.travel-order-legs-grid .wage-cell__input--under:focus {
  border-color: #ff9f43;
}

.item-card {
  min-width: 0;
}

.item-view-cta {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  min-height: 30px;
  padding: 0.3rem 0.75rem;
  border: 1px solid rgba(41, 128, 185, 0.5);
  border-radius: 0.5rem;
  background: rgba(41, 128, 185, 0.1);
  font-size: 0.9rem;
  font-weight: 600;
  line-height: 1.2;
  color: #20638f;
  transition: background 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.item-view-cta i {
  color: inherit;
}

.item-view-cta:hover,
.item-view-cta:focus-visible {
  background: rgba(41, 128, 185, 0.16);
  border-color: #2980b9;
  color: #1c587f;
  box-shadow: 0 0 0 3px rgba(41, 128, 185, 0.14);
  text-decoration: none;
}

.dark-layout .item-view-cta {
  color: #b4b7bd;
  border-color: rgba(41, 128, 185, 0.6);
}

.item-view-cta__badge {
  padding: 0.05rem 0.3rem;
  border-radius: 0.25rem;
  background: #20638f;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #fff;
}

.item-view-cta-bar {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 0.75rem;
}

.item-risk-banner {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin-bottom: 1rem;
  padding: 0.75rem 1rem;
  border: 1px solid rgba(234, 84, 85, 0.35);
  border-radius: 0.72rem;
  background: rgba(234, 84, 85, 0.06);
}

.item-risk-banner--warning {
  border-color: rgba(255, 159, 67, 0.4);
  background: rgba(255, 159, 67, 0.08);
}

.item-risk-banner__icon {
  margin-top: 0.15rem;
  color: #ea5455;
}

.item-risk-banner--warning .item-risk-banner__icon {
  color: #ff8a1a;
}

.item-risk-banner__body {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.item-risk-banner__title {
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #5e5873;
}

.dark-layout .item-risk-banner__title {
  color: #b4b7bd;
}

.item-risk-banner__text {
  font-size: 0.9rem;
  color: #6e6b7b;
}

.dark-layout .item-risk-banner__text {
  color: #b4b7bd;
}

.item-header__top {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
}

.item-header__identity {
  min-width: 0;
}

.item-header__name-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

.item-header__name {
  margin: 0;
  font-weight: 600;
  color: #5e5873;
}

.dark-layout .item-header__name {
  color: #b4b7bd;
}

.item-header__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0 1rem;
  margin-top: 0.35rem;
  font-size: 0.9rem;
  color: #6e6b7b;
}

.item-header__meta b {
  color: #5e5873;
  font-weight: 600;
}

.dark-layout .item-header__meta {
  color: #b4b7bd;
}

.dark-layout .item-header__meta b {
  color: #b4b7bd;
}

.item-header__thumb {
  flex: 0 0 auto;
  width: 56px;
  height: 56px;
  margin-right: 0.75rem;
  border: 1px solid #ebe9f1;
  border-radius: 0.375rem;
  -o-object-fit: cover;
     object-fit: cover;
  background: #f8f8f8;
}

.dark-layout .item-header__thumb {
  border-color: #3b4253;
}

.item-header__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

.item-header__actions .btn {
  min-height: 30px;
  display: inline-flex;
  align-items: center;
}

.item-header__rule {
  height: 1px;
  margin: 1rem 0;
  background: #ebe9f1;
}

.dark-layout .item-header__rule {
  background: #3b4253;
}

.item-header__position {
  display: grid;
  grid-template-columns: minmax(0, auto) minmax(0, 1fr);
  gap: 1rem 2rem;
  align-items: start;
}

@media (max-width: 767.98px) {
  .item-header__position {
    grid-template-columns: minmax(0, 1fr);
  }
}

.item-header__lead {
  min-width: 0;
}

.item-header__sides {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 1.5rem;
}

.item-header__sides > * {
  flex: 1 1 130px;
  max-width: 18rem;
}

.item-header__label {
  display: block;
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #6e6b7b;
}

.dark-layout .item-header__label {
  color: #b4b7bd;
}

.item-header__group-label {
  display: block;
  margin-bottom: 0.55rem;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5e5873;
}

.dark-layout .item-header__group-label {
  color: #b4b7bd;
}

.item-header__sub {
  display: block;
  margin-top: 0.15rem;
  font-size: 0.82rem;
  color: #6e6b7b;
}

.dark-layout .item-header__sub {
  color: #b4b7bd;
}

.item-header__muted {
  color: #6e6b7b;
  font-weight: 400;
}

.item-header__kpi-groups {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
  gap: 1rem 3.5rem;
}

@media (max-width: 991.98px) {
  .item-header__kpi-groups {
    grid-template-columns: minmax(0, 1fr);
  }
}

.item-header__kpi-group {
  min-width: 0;
}

.item-header__kpi-group + .item-header__kpi-group {
  padding-left: 3.5rem;
  border-left: 1px solid #ebe9f1;
}

@media (max-width: 991.98px) {
  .item-header__kpi-group + .item-header__kpi-group {
    padding-left: 0;
    border-left: 0;
    padding-top: 1rem;
    border-top: 1px solid #ebe9f1;
  }
}

.dark-layout .item-header__kpi-group + .item-header__kpi-group {
  border-color: #3b4253;
}

.item-header__kpis {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 1.5rem;
}

.item-header__kpis > * {
  flex: 1 1 150px;
  max-width: 22rem;
}

.item-header__kpi {
  min-width: 0;
}

.item-header__kpi-value {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-top: 0.2rem;
  font-size: 0.82rem;
}

.item-header__kpi-value b {
  font-size: 1.15rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: #5e5873;
}

.dark-layout .item-header__kpi-value b {
  color: #b4b7bd;
}

.item-header__kpi-value b.is-ok {
  color: #28c76f;
}

.item-header__kpi-value b.is-near {
  color: #ff9f43;
}

.item-header__kpi-value b.is-over,
.item-header__kpi-value b.is-bad {
  color: #ea5455;
}

.item-header__hint {
  display: block;
  margin-top: 0.15rem;
  font-size: 0.82rem;
  color: #6e6b7b;
}

.dark-layout .item-header__hint {
  color: #b4b7bd;
}

.item-header__asof {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  margin-top: 1rem;
  font-size: 0.82rem;
  color: #6e6b7b;
}

.dark-layout .item-header__asof {
  color: #b4b7bd;
}

.item-header__refresh {
  padding: 0;
  border: 0;
  background: none;
  color: #2980b9;
  text-decoration: underline;
}

.item-header__refresh:hover {
  color: #20638f;
}

.item-header__toggle {
  display: none;
}

@media (max-width: 767.98px) {
  .item-header__toggle {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    margin-top: 0.75rem;
    padding: 0;
    border: 0;
    background: none;
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: #5e5873;
  }

  .item-header__toggle i {
    transition: transform 0.2s ease;
  }

  .item-header__toggle.is-open i {
    transform: rotate(180deg);
  }

  .dark-layout .item-header__toggle {
    color: #b4b7bd;
  }

  .item-header__details {
    display: none;
  }

  .item-header__details.is-open {
    display: block;
  }
}

.item-figure {
  display: inline-block;
  margin-top: 0.1rem;
  padding: 0;
  border: 0;
  background: none;
  font-size: 1.55rem;
  font-weight: 600;
  line-height: 1.2;
  font-variant-numeric: tabular-nums;
  color: #5e5873;
}

.dark-layout .item-figure {
  color: #b4b7bd;
}

.item-figure--lead {
  font-size: 2rem;
  letter-spacing: -0.015em;
}

.item-figure--side {
  font-size: 1.2rem;
}

.item-figure.is-bad {
  color: #ea5455;
}

.item-figure.is-ok {
  color: #28c76f;
}

.item-figure.is-near {
  color: #ff9f43;
}

.item-figure--static {
  cursor: default;
}

button.item-figure:not(.item-figure--static) {
  color: #2980b9;
  cursor: pointer;
}

button.item-figure:not(.item-figure--static):hover,
button.item-figure:not(.item-figure--static):focus-visible {
  text-decoration: underline;
}

.item-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.15rem 0.45rem;
  border-radius: 0.25rem;
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.03em;
  background: rgba(41, 128, 185, 0.12);
  color: #226998;
}

.item-badge--danger {
  background: rgba(234, 84, 85, 0.12);
  color: #e42728;
}

.item-badge--warning {
  background: rgba(255, 159, 67, 0.16);
  color: #e67100;
}

.item-badge--success {
  background: rgba(40, 199, 111, 0.14);
  color: #1e9453;
}

.item-badge--muted {
  background: rgba(110, 107, 123, 0.12);
  color: #716e87;
}

.dark-layout .item-badge {
  color: #b4b7bd;
}

.item-waterfall {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 0.75rem;
}

.item-waterfall__step {
  flex: 1 1 120px;
  min-width: 0;
  padding: 0.75rem;
  border: 1px solid #ebe9f1;
  border-radius: 0.375rem;
  background: #ffffff;
}

.dark-layout .item-waterfall__step {
  border-color: #3b4253;
  background: transparent;
}

.item-waterfall__step--result {
  border-color: rgba(41, 128, 185, 0.4);
  background: rgba(41, 128, 185, 0.05);
}

.item-waterfall__op {
  align-self: center;
  flex: 0 0 auto;
  font-size: 1.1rem;
  font-weight: 600;
  color: #6e6b7b;
}

.item-waterfall__value {
  display: block;
  margin-top: 0.2rem;
  font-size: 1.15rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: #5e5873;
}

.item-waterfall__value.is-bad {
  color: #ea5455;
}

.dark-layout .item-waterfall__value {
  color: #b4b7bd;
}

.item-spark {
  display: block;
  width: 96px;
  height: 22px;
  overflow: visible;
}

.item-spark path {
  fill: none;
  stroke: #2980b9;
  stroke-width: 1.5;
}

.item-trend {
  font-size: 0.82rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}

.item-trend.is-up {
  color: #28c76f;
}

.item-trend.is-down {
  color: #ea5455;
}

.item-trend.is-flat {
  color: #6e6b7b;
}

@media (min-width: 768px) {
  .item-tabs-bar {
    position: sticky;
    top: 6.5rem;
    z-index: 20;
    background: #f8f8f8;
  }

  .dark-layout .item-tabs-bar {
    background: #161d31;
  }
}

.item-tabs-bar .nav-tabs {
  margin-bottom: 0;
}

.item-tabs-bar .nav-link {
  font-weight: 500;
}

.item-tab-count {
  margin-left: 0.35rem;
  padding: 0 0.3rem;
  border-radius: 0.25rem;
  font-size: 0.82rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  background: rgba(41, 128, 185, 0.12);
  color: #226998;
}

.item-grouped-tab {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.item-section {
  min-width: 0;
}

.item-section__title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5e5873;
}

.dark-layout .item-section__title {
  color: #b4b7bd;
}

.item-section__count {
  padding: 0 0.3rem;
  border-radius: 0.25rem;
  font-size: 0.82rem;
  font-weight: 600;
  background: rgba(41, 128, 185, 0.12);
  color: #226998;
}

.item-section__meta {
  margin-left: auto;
  font-size: 0.82rem;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
  color: #6e6b7b;
}

.item-panel__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}

.item-panel__link {
  font-size: 0.82rem;
  color: #2980b9;
}

.item-panel__link:hover {
  text-decoration: underline;
}

.item-overview {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
  gap: 1.5rem;
  align-items: start;
}

@media (max-width: 991.98px) {
  .item-overview {
    grid-template-columns: minmax(0, 1fr);
  }
}

.item-overview__main,
.item-overview__side {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  min-width: 0;
}

.item-facts {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 0.75rem 1.5rem;
}

.item-facts__row {
  min-width: 0;
}

.item-facts__label {
  display: block;
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #6e6b7b;
}

.dark-layout .item-facts__label {
  color: #b4b7bd;
}

.item-facts__value {
  display: block;
  margin-top: 0.1rem;
  color: #5e5873;
  word-break: break-word;
}

.dark-layout .item-facts__value {
  color: #b4b7bd;
}

.item-facts__empty {
  font-style: italic;
  color: #6e6b7b;
}

.dark-layout .item-facts__empty {
  color: #b4b7bd;
}

.item-warehouse-row--excluded {
  background: rgba(255, 159, 67, 0.05);
}

.item-demand-chart {
  display: flex;
  align-items: flex-end;
  gap: 2px;
  height: 96px;
}

.item-demand-chart__bar {
  flex: 1 1 0;
  min-width: 0;
  border-radius: 0.25rem 0.25rem 0 0;
  background: rgba(41, 128, 185, 0.55);
  transition: background 0.15s ease-in-out;
}

.item-demand-chart__bar:hover {
  background: #2980b9;
}

.item-demand-chart__bar.is-empty {
  background: #ebe9f1;
}

.item-demand-chart__axis {
  display: flex;
  justify-content: space-between;
  margin-top: 0.35rem;
  font-size: 0.82rem;
  color: #6e6b7b;
}

.item-variants {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.item-variants__axis + .item-variants__axis {
  margin-top: 1rem;
}

.item-variants__axis-head {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}

.item-variants__axis-name {
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #5e5873;
}

.dark-layout .item-variants__axis-name {
  color: #d0d2d6;
}

.item-variants__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.item-variants__chip {
  position: relative;
  display: inline-flex;
  align-items: center;
  margin: 0;
  padding: 0.35rem 0.75rem;
  border: 1px solid #d8d6de;
  border-radius: 0.5rem;
  font-weight: 400;
  font-variant-numeric: tabular-nums;
  color: #6e6b7b;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, color 0.15s ease-in-out;
}

.item-variants__chip input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
}

.item-variants__chip:hover {
  background: #f6f6f9;
}

.item-variants__chip.is-selected {
  background: rgba(41, 128, 185, 0.1);
  border-color: #2980b9;
  color: #226998;
  font-weight: 500;
}

.item-variants__chip:focus-within {
  outline: 2px solid #2980b9;
  outline-offset: 2px;
}

.dark-layout .item-variants__chip {
  border-color: #404656;
  color: #b4b7bd;
}

.dark-layout .item-variants__chip:hover {
  background: #242b3d;
}

.item-variants__none {
  color: #9a97a5;
}

.item-variants__legend {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  font-size: 0.82rem;
  color: #716e87;
}

.item-variants__warehouses {
  width: auto;
  min-width: 100%;
  font-variant-numeric: tabular-nums;
}

.item-variants__warehouses th,
.item-variants__warehouses td {
  white-space: nowrap;
}

.item-variants__warehouses tfoot td,
.item-variants__warehouses tfoot th {
  border-top: 2px solid #d8d6de;
}

.variant-matrix__block + .variant-matrix__block {
  margin-top: 1.5rem;
}

.variant-matrix__block-title {
  margin-bottom: 0.5rem;
  font-size: 0.82rem;
  font-weight: 400;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #6e6b7b;
}

.variant-matrix__table {
  width: auto;
  min-width: 100%;
  font-variant-numeric: tabular-nums;
}

.variant-matrix__table.is-single-axis {
  min-width: 0;
  width: auto;
}

.variant-matrix__rowhead {
  white-space: nowrap;
  font-weight: 500;
  color: #5e5873;
}

.dark-layout .variant-matrix__rowhead {
  color: #d0d2d6;
}

.variant-matrix__total {
  font-weight: 600;
}

.variant-matrix tfoot th,
.variant-matrix tfoot td {
  border-top: 2px solid #d8d6de;
  font-weight: 600;
  color: #5e5873;
}

.dark-layout .variant-matrix tfoot th,
.dark-layout .variant-matrix tfoot td {
  border-top-color: #3b4253;
  color: #d0d2d6;
}

.variant-entry__head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 1rem;
}

.variant-entry__model {
  flex: 1 1 260px;
  min-width: 220px;
}

.variant-entry__tax {
  flex: 0 0 130px;
}

.variant-entry__num {
  width: 7rem;
}

.variant-entry__cell {
  width: 4.5rem;
  height: 32px;
  padding: 0 0.4rem;
  display: inline-block;
}

.variant-entry__cell.is-filled {
  border-color: #2980b9;
  background: rgba(41, 128, 185, 0.06);
  font-weight: 500;
}

.variant-entry__none {
  color: #9a97a5;
}

.variant-entry__options {
  margin-top: 1rem;
}

.variant-entry__legend {
  margin: 0.75rem 0 0;
  font-size: 0.82rem;
  color: #716e87;
}

.variant-entry__summary {
  font-variant-numeric: tabular-nums;
  color: #5e5873;
}

.dark-layout .variant-entry__summary {
  color: #d0d2d6;
}

.variant-entry__cell.is-over {
  border-color: #ea5455;
  background: rgba(234, 84, 85, 0.06);
}

.variant-entry__stock {
  display: block;
  margin-top: 0.15rem;
  font-size: 0.82rem;
  font-variant-numeric: tabular-nums;
  color: #9a97a5;
}

.variant-entry__stock.is-short {
  color: #ea5455;
  font-weight: 600;
}

.variant-sales__model + .variant-sales__model {
  margin-top: 2rem;
}

.variant-sales__model-head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.5rem;
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
}

.variant-sales__model-name {
  font-weight: 600;
  color: #5e5873;
}

.variant-sales__model-meta {
  font-size: 0.82rem;
  font-variant-numeric: tabular-nums;
  color: #6e6b7b;
}

.variant-entry__diff {
  display: block;
  font-size: 0.82rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: #9a97a5;
}

.variant-entry__diff.is-surplus {
  color: #28c76f;
}

.variant-entry__diff.is-deficit {
  color: #ea5455;
}

.count-sheet__model + .count-sheet__model {
  margin-top: 2rem;
}

.count-sheet__model {
  page-break-inside: avoid;
}

.count-sheet__model-head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.5rem;
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
}

.count-sheet__model-name {
  font-weight: 600;
  color: #5e5873;
}

.count-sheet__model-meta {
  font-size: 0.82rem;
  color: #6e6b7b;
}

.count-sheet__grid {
  table-layout: fixed;
}

.count-sheet__cell {
  vertical-align: middle;
}

.count-sheet__box {
  display: inline-block;
  width: 100%;
  min-width: 46px;
  height: 26px;
  border-radius: 2px;
}

.count-sheet__book {
  display: block;
  font-size: 0.82rem;
  font-variant-numeric: tabular-nums;
  color: #6e6b7b;
}

.count-sheet__none {
  color: #9a97a5;
}

.count-sheet__rule {
  display: inline-block;
  min-width: 120px;
}

.count-sheet__warning {
  margin-top: 0.75rem;
  margin-bottom: 0;
  font-size: 0.82rem;
  color: #716e87;
}

#printable-area .count-sheet__box {
  border: 1px solid #6e6b7b;
}

#printable-area .count-sheet__rule {
  display: block;
  width: 140px;
  min-height: 1.2em;
  margin-left: auto;
  border-bottom: 1px solid #6e6b7b;
}

.variant-add__lead {
  margin-bottom: 0.75rem;
  color: #5e5873;
}

.variant-add__plan {
  display: grid;
  grid-template-columns: 1fr auto 1.35fr;
  align-items: start;
  gap: 1rem;
  padding: 1rem;
  border: 1px solid #ebe9f1;
  border-radius: 0.72rem;
  background: #f8f8f8;
}

@media (max-width: 767.98px) {
  .variant-add__plan {
    grid-template-columns: 1fr;
  }

  .variant-add__plan .variant-add__arrow {
    transform: rotate(90deg);
    justify-self: center;
  }
}

.variant-add__side {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  min-width: 0;
}

.variant-add__side-label {
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #6b6779;
}

.variant-add__arrow {
  align-self: center;
  font-size: 1.25rem;
  color: #c3c0cd;
}

.variant-add__card {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.35rem;
  padding: 0.75rem;
  border: 1px solid #ebe9f1;
  border-radius: 0.5rem;
  background: #ffffff;
}

.variant-add__card--model {
  border-color: rgba(41, 128, 185, 0.45);
}

.variant-add__code {
  font-weight: 600;
  color: #5e5873;
  font-variant-numeric: tabular-nums;
}

.variant-add__name {
  color: #6e6b7b;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.variant-add__children {
  list-style: none;
  margin: 0;
  padding: 0 0 0 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  border-left: 2px solid #ebe9f1;
  margin-left: 0.75rem;
}

.variant-add__child {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.35rem;
  padding: 0.35rem 0.75rem;
  border: 1px solid #ebe9f1;
  border-radius: 0.5rem;
  background: #ffffff;
  font-size: 0.9rem;
}

.variant-add__child--existing {
  border-left: 3px solid #28c76f;
}

.variant-add__child--new {
  border-left: 3px solid #2980b9;
}

.variant-add__child--ghost {
  border-style: dashed;
  color: #9a97a5;
  font-size: 0.82rem;
}

.variant-add__child-value {
  font-weight: 600;
  color: #2980b9;
}

.variant-add__badge {
  margin-left: auto;
  font-size: 0.82rem;
  line-height: 1;
  padding: 0.2rem 0.4rem;
  border-radius: 999px;
  background: #f3f2f7;
  color: #6b6779;
  white-space: nowrap;
}

.variant-add__badge--stock {
  background: rgba(40, 199, 111, 0.14);
  color: #197b44;
}

.variant-add__badge--off {
  background: rgba(255, 159, 67, 0.18);
  color: #d26700;
}

.variant-add__badge--new {
  background: rgba(41, 128, 185, 0.12);
  color: #226998;
}

.variant-add__badge--model {
  background: rgba(41, 128, 185, 0.12);
  color: #226998;
}

.variant-add__scope {
  margin-top: 0.75rem;
  padding: 0.75rem 1rem;
  border: 1px solid #ebe9f1;
  border-radius: 0.5rem;
}

.variant-add__scope-label {
  display: block;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #6b6779;
  margin-bottom: 0.35rem;
}

.variant-add__scope-choice {
  display: inline-flex;
}

.variant-add__scope-btn {
  border: 1px solid #d8d6de;
  background: #ffffff;
  color: #6e6b7b;
  font: inherit;
  font-size: 0.9rem;
  padding: 0.3rem 0.85rem;
  cursor: pointer;
  transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

.variant-add__scope-btn:first-child {
  border-radius: 0.5rem 0 0 0.5rem;
}

.variant-add__scope-btn:last-child {
  border-radius: 0 0.5rem 0.5rem 0;
  margin-left: -1px;
}

.variant-add__scope-btn:hover {
  background: #f6f6f9;
}

.variant-add__scope-btn.is-active {
  background: rgba(41, 128, 185, 0.1);
  border-color: #2980b9;
  color: #20638f;
  font-weight: 600;
  z-index: 1;
}

.variant-add__table {
  margin-bottom: 0.5rem;
}

.variant-add__warehouse + .variant-add__warehouse {
  margin-top: 1rem;
}

.variant-add__warehouse-head {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 0.5rem;
  font-weight: 600;
  color: #5e5873;
}

.variant-add__moves {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 0.5rem;
}

.variant-add__move {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  min-width: 8rem;
}

.variant-add__move label {
  margin: 0;
  font-size: 0.82rem;
  color: #6e6b7b;
}

.variant-add__move--rest {
  justify-content: flex-end;
  font-variant-numeric: tabular-nums;
  font-weight: 600;
  color: #5e5873;
}

.variant-add__hint {
  margin: 0.75rem 0 0;
  font-size: 0.82rem;
  color: #716e87;
}

.variant-add__hint--warn {
  padding: 0.5rem 0.75rem;
  border-left: 3px solid #ff9f43;
  border-radius: 0.5rem;
  background: rgba(255, 159, 67, 0.09);
  color: #6e6b7b;
}

.variant-add__where {
  flex-basis: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 0.15rem 0.75rem;
  font-size: 0.82rem;
  color: #716e87;
}

.variant-add__where b {
  color: #5e5873;
  font-variant-numeric: tabular-nums;
}

.supplier-invoice-add-variant {
  font-size: 0.82rem;
  line-height: 1.2;
}

.item-attributes__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.item-attributes__item {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: start;
  gap: 0.5rem;
  width: 100%;
  text-align: left;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 0.5rem;
  padding: 0.75rem 0.5rem;
  font: inherit;
  color: inherit;
  cursor: pointer;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

.item-attributes__item + .item-attributes__item {
  margin-top: 0.15rem;
}

.item-attributes__item:hover {
  background: #f6f6f9;
}

.item-attributes__item.is-active {
  background: rgba(41, 128, 185, 0.08);
  border-color: rgba(41, 128, 185, 0.25);
  box-shadow: inset 3px 0 0 0 #2980b9;
}

.item-attributes__item.is-active .item-attributes__name {
  color: #2980b9;
  font-weight: 600;
}

.item-attributes__grip {
  color: #c3c0cd;
  cursor: grab;
  line-height: 1.4;
}

.item-attributes__main {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  min-width: 0;
}

.item-attributes__name {
  color: #5e5873;
  font-weight: 500;
}

.item-attributes__chev {
  color: #c3c0cd;
  line-height: 1.4;
}

.item-attributes__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
}

.item-attributes__chip {
  font-size: 0.82rem;
  line-height: 1;
  padding: 0.25rem 0.45rem;
  border: 1px solid #d8d6de;
  border-radius: 0.36rem;
  color: #6e6b7b;
  background: #ffffff;
  font-variant-numeric: tabular-nums;
}

.item-attributes__chip--more {
  border-style: dashed;
  color: #9a97a5;
}

.item-attributes__addvalues {
  align-self: flex-start;
  font-size: 0.82rem;
  font-weight: 500;
  color: #2980b9;
  border: 1px dashed rgba(41, 128, 185, 0.45);
  border-radius: 0.36rem;
  padding: 0.25rem 0.5rem;
}

.item-attributes__addvalues:hover {
  background: rgba(41, 128, 185, 0.08);
}

.item-attributes__cats {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
}

.item-attributes__cat {
  font-size: 0.82rem;
  line-height: 1;
  padding: 0.22rem 0.45rem;
  border-radius: 999px;
  background: #f3f2f7;
  color: #6b6779;
}

.item-attributes__cat--more {
  background: transparent;
  border: 1px dashed #d8d6de;
  color: #9a97a5;
  cursor: help;
}

.item-attributes__cat--all {
  background: transparent;
  color: #9a97a5;
  padding-left: 0;
}

.item-attributes__used {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  font-size: 0.82rem;
  color: #9a97a5;
}

.item-attributes__dot {
  width: 0.45rem;
  height: 0.45rem;
  border-radius: 50%;
  display: inline-block;
}

.item-attributes__dot.is-on {
  background: #28c76f;
}

.item-attributes__dot.is-off {
  background: #ff9f43;
}

.item-attributes__eyebrow {
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #6b6779;
}

.item-attributes__locked {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  font-size: 0.82rem;
  color: #9a97a5;
  white-space: nowrap;
}

.item-attributes__values {
  margin-bottom: 1rem;
}

.item-attributes__values td {
  vertical-align: middle;
}

.item-variants__chip--new {
  border-style: dashed;
}

.supplier-invoice-item-cell,
.document-item-cell {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  flex-wrap: nowrap;
}

.supplier-invoice-item-cell > *:first-child,
.document-item-cell > *:first-child {
  flex: 1 1 auto;
  min-width: 0;
}

.supplier-invoice-item-cell > *:first-child:has(.vs__selected),
.document-item-cell > *:first-child:has(.vs__selected) {
  flex: 0 0 auto;
  min-width: -moz-max-content;
  min-width: max-content;
}

.supplier-invoice-item-cell > *:first-child.item-select-split,
.document-item-cell > *:first-child.item-select-split {
  flex: 1 1 auto;
  min-width: 0;
}

.variant-axis-selects {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.3rem;
  flex: 1 0 auto;
}

.variant-axis-selects__axis .v-select {
  width: var(--variant-axis-width, auto);
  min-width: var(--variant-axis-width, calc(var(--axis-placeholder-width, 5rem) + 52px));
  font-size: 0.82rem;
}

.variant-axis-selects__axis .vs__dropdown-toggle {
  padding-top: 0;
  padding-bottom: 0;
  min-height: 30px;
}

.variant-axis-selects__add {
  display: flex;
  align-items: center;
  padding: 0.45rem 0.75rem;
  border-top: 1px solid #ebe9f1;
  color: #2980b9;
  font-size: 0.82rem;
  font-weight: 500;
  cursor: pointer;
}

.variant-axis-selects__add:hover {
  background: rgba(41, 128, 185, 0.08);
}

.shop-card__variants {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  margin-top: 0.5rem;
}

.shop-card__variant {
  font-size: 0.82rem;
  line-height: 1;
  padding: 0.25rem 0.45rem;
  border: 1px solid #d8d6de;
  border-radius: 0.36rem;
  color: #6e6b7b;
  background: #ffffff;
  font-variant-numeric: tabular-nums;
}

.shop-card__variant.is-out {
  border-style: dashed;
  color: #9a97a5;
  text-decoration: line-through;
}

.shop-card__variant--more {
  border-style: dashed;
  color: #9a97a5;
}

.shop-card__pick {
  padding: 0 0.75rem 0.75rem;
  text-align: left;
}

.shop-card__pick-hint {
  margin-bottom: 0.5rem;
  font-size: 0.82rem;
  color: #9a97a5;
}

.shop-variants {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-top: 1rem;
}

.shop-variants__axis {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

.shop-variants__head {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
}

.shop-variants__name {
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #6b6779;
}

.shop-variants__picked {
  font-weight: 600;
  color: #5e5873;
}

.shop-variants__swatches {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}

.shop-variants__sw {
  position: relative;
  min-width: 3.25rem;
  padding: 0.45rem 0.75rem;
  border: 1px solid #d8d6de;
  border-radius: 0.5rem;
  background: #ffffff;
  color: #6e6b7b;
  font: inherit;
  cursor: pointer;
  text-align: center;
  transition: border-color 0.15s ease-in-out, background-color 0.15s ease-in-out, color 0.15s ease-in-out;
}

.shop-variants__sw:hover {
  border-color: #2980b9;
}

.shop-variants__sw.is-active {
  border-color: #2980b9;
  background: rgba(41, 128, 185, 0.08);
  color: #20638f;
  font-weight: 600;
  box-shadow: inset 0 0 0 1px #2980b9;
}

.shop-variants__sw.is-out {
  color: #9a97a5;
  border-style: dashed;
}

.shop-variants__qty {
  display: block;
  font-size: 0.82rem;
  font-weight: 400;
  color: #9a97a5;
}

.shop-variants__sw.is-active .shop-variants__qty {
  color: #20638f;
}

.shop-variants__hint {
  margin: 0;
  font-size: 0.82rem;
  color: #9a97a5;
}

.shop-variants__hint--warn {
  color: #ff9f43;
}

.shop-variants__all {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

.shop-variants__all-label {
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #6b6779;
}

.shop-variants__table {
  margin-bottom: 0;
}

.shop-variants__row {
  cursor: pointer;
}

.shop-variants__row:hover {
  background: #f6f6f9;
}

.shop-variants__row.is-active {
  background: rgba(41, 128, 185, 0.08);
}

.shop-variants__row.is-out {
  color: #9a97a5;
}

.service-view {
  min-width: 0;
}

.services-index-filters {
  gap: 0.5rem 0.75rem;
  align-items: flex-start;
}

.services-index-filters .services-category-filter {
  min-width: 185px;
}

.services-empty-dash {
  color: #9a97a5;
}

.service-header__name-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

.service-header__name {
  margin: 0;
  font-weight: 600;
  color: #5e5873;
}

.dark-layout .service-header__name {
  color: #b4b7bd;
}

.service-badge {
  display: inline-flex;
  align-items: center;
  padding: 0.15rem 0.45rem;
  border-radius: 0.25rem;
  font-size: 0.82rem;
  font-weight: 600;
  line-height: 1.4;
  font-variant-numeric: tabular-nums;
}

.service-badge--code {
  background: rgba(41, 128, 185, 0.12);
  color: #226998;
}

.service-badge--muted {
  background: rgba(110, 107, 123, 0.12);
  color: #716e87;
}

.dark-layout .service-badge--code {
  color: #72b5e0;
}

.dark-layout .service-badge--muted {
  color: #b4b7bd;
}

.service-section-title {
  margin: 0 0 0.75rem;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5e5873;
}

.dark-layout .service-section-title {
  color: #b4b7bd;
}

.service-rule {
  height: 1px;
  margin: 1rem 0;
  background: #ebe9f1;
}

.dark-layout .service-rule {
  background: #3b4253;
}

.service-empty-line {
  color: #6e6b7b;
}

.dark-layout .service-empty-line {
  color: #b4b7bd;
}

.service-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem 2rem;
}

.service-kpis > div {
  min-width: 0;
  padding-left: 2rem;
  border-left: 1px solid #ebe9f1;
}

.dark-layout .service-kpis > div {
  border-color: #3b4253;
}

.service-kpis > div:first-child {
  padding-left: 0;
  border-left: 0;
}

@media (max-width: 991.98px) {
  .service-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .service-kpis > div:nth-child(odd) {
    padding-left: 0;
    border-left: 0;
  }
}

.service-kpi__label {
  display: block;
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #6e6b7b;
}

.dark-layout .service-kpi__label {
  color: #b4b7bd;
}

.service-kpi__figure {
  margin-top: 0.2rem;
  font-size: 1.55rem;
  font-weight: 600;
  line-height: 1.2;
  font-variant-numeric: tabular-nums;
  color: #5e5873;
}

.dark-layout .service-kpi__figure {
  color: #d0d2d6;
}

.service-kpi__sub {
  margin-top: 0.15rem;
  font-size: 0.82rem;
  color: #6e6b7b;
}

.dark-layout .service-kpi__sub {
  color: #b4b7bd;
}

.service-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.service-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.35rem 0.75rem;
  border: 1px solid #d8d6de;
  border-radius: 0.5rem;
  background: #ffffff;
  font-size: 0.857rem;
  font-weight: 500;
  color: #6e6b7b;
  cursor: pointer;
  transition: background 0.15s ease-in-out, border-color 0.15s ease-in-out, color 0.15s ease-in-out;
}

.service-pill b {
  padding: 0 0.3rem;
  border-radius: 0.25rem;
  background: rgba(41, 128, 185, 0.12);
  font-size: 0.82rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: #226998;
}

.service-pill:hover {
  background: #f6f6f9;
}

.service-pill:focus-visible {
  outline: 2px solid #2980b9;
  outline-offset: 2px;
}

.service-pill.is-selected {
  background: rgba(41, 128, 185, 0.1);
  border-color: #2980b9;
  color: #226998;
  font-weight: 600;
}

.dark-layout .service-pill {
  background: #283046;
  border-color: #3b4253;
  color: #b4b7bd;
}

.dark-layout .service-pill:hover {
  background: #242b3d;
}

.dark-layout .service-pill.is-selected {
  color: #72b5e0;
}

.dark-layout .service-pill b {
  color: #72b5e0;
}

.service-trend {
  display: flex;
  align-items: flex-end;
  gap: 3px;
  height: 96px;
}

.service-trend__bar {
  flex: 1 1 0;
  min-width: 0;
  border-radius: 0.36rem 0.36rem 0 0;
  background: rgba(41, 128, 185, 0.55);
  transition: background 0.15s ease-in-out;
}

.service-trend__bar:hover {
  background: #2980b9;
}

.service-trend__bar--stub {
  background: #ebe9f1;
}

.service-trend__bar--stub:hover {
  background: #ebe9f1;
}

.dark-layout .service-trend__bar--stub {
  background: #3b4253;
}

.service-trend__axis {
  display: flex;
  gap: 3px;
  margin-top: 0.35rem;
}

.service-trend__axis span {
  flex: 1 1 0;
  min-width: 0;
  text-align: center;
  font-size: 11px;
  color: #6e6b7b;
}

.dark-layout .service-trend__axis span {
  color: #b4b7bd;
}

.service-table {
  width: 100%;
  border-collapse: collapse;
  font-variant-numeric: tabular-nums;
}

.service-table th {
  padding: 4px 8px;
  border-bottom: 2px solid #d8d6de;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  text-align: left;
  color: #6b6779;
  white-space: nowrap;
}

.service-table th.text-right {
  text-align: right;
}

.dark-layout .service-table th {
  color: #9aa0b0;
  border-color: #3b4253;
}

.service-table td {
  padding: 4px 8px;
  border-bottom: 1px solid #eeedf3;
  color: #6e6b7b;
}

.dark-layout .service-table td {
  color: #b4b7bd;
  border-color: #3b4253;
}

.service-table tbody tr:last-child td {
  border-bottom: 0;
}

.service-table tbody tr {
  transition: background 0.15s ease-in-out;
}

.service-table tbody tr:hover td {
  background: #f6f6f9;
}

.dark-layout .service-table tbody tr:hover td {
  background: #242b3d;
}

.service-docs-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}

.service-facts {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 0.75rem;
}

.service-fact__label {
  display: block;
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #6e6b7b;
}

.dark-layout .service-fact__label {
  color: #b4b7bd;
}

.service-fact__value {
  margin-top: 0.1rem;
  color: #5e5873;
  font-variant-numeric: tabular-nums;
}

.service-fact__value--empty {
  font-style: italic;
  color: #6e6b7b;
}

.dark-layout .service-fact__value {
  color: #b4b7bd;
}

.service-fact__hint {
  margin-top: 0.15rem;
  font-size: 0.82rem;
  color: #6e6b7b;
}

.dark-layout .service-fact__hint {
  color: #b4b7bd;
}

.service-description p:last-child {
  margin-bottom: 0;
}

.service-description--clamped {
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.service-description__toggle {
  display: inline-block;
  margin-top: 0.25rem;
  font-size: 0.857rem;
}

.service-posting-warning {
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
  padding: 0.75rem 1rem;
  border: 1px solid rgba(255, 159, 67, 0.4);
  border-radius: 0.72rem;
  background: rgba(255, 159, 67, 0.08);
}

.service-posting-warning__title {
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #5e5873;
}

.dark-layout .service-posting-warning__title {
  color: #b4b7bd;
}

.service-posting-warning__text {
  font-size: 0.9rem;
  color: #6e6b7b;
}

.dark-layout .service-posting-warning__text {
  color: #b4b7bd;
}

.service-audit {
  margin-top: 0.75rem;
  font-size: 0.82rem;
  color: #716e87;
}

.dark-layout .service-audit {
  color: #676d7d;
}

.item-name-review .form-control-sm {
  height: 30px;
}

.item-name-review td {
  vertical-align: middle;
}

.item-name-review .truncate-multiline {
  display: block;
  -webkit-line-clamp: unset;
}

.item-name-review__suggestion {
  border-left: 2px solid rgba(41, 128, 185, 0.35);
  padding-left: 8px;
}

.item-name-review__suggestion-name {
  color: #5e5873;
  font-size: 0.9rem;
  line-height: 1.3;
}

.item-name-review__suggestion-label {
  color: #716e87;
  font-size: 0.8rem;
}

.item-name-review__confidence {
  border-radius: 3px;
  font-size: 0.72rem;
  margin-left: 4px;
  padding: 1px 5px;
  white-space: nowrap;
}

.item-name-review__confidence--high {
  background: rgba(40, 199, 111, 0.12);
  color: #197d46;
}

.item-name-review__confidence--medium {
  background: rgba(255, 159, 67, 0.14);
  color: #9c6129;
}

.item-name-review__confidence--low {
  background: rgba(130, 134, 139, 0.14);
  color: #686b6f;
}

.item-name-review__suggestion-actions {
  display: flex;
  gap: 12px;
}

.item-name-review__suggestion-actions .btn-link {
  color: #2980b9;
  font-size: 0.8rem;
}

.item-name-review__suggestion-actions .btn-link.text-muted {
  color: #716e87 !important;
}

.item-name-suggestion {
  border-left: 2px solid rgba(41, 128, 185, 0.35);
  padding-left: 8px;
}

.item-name-suggestion__name {
  color: #5e5873;
  font-size: 0.9rem;
  line-height: 1.3;
}

.item-name-suggestion__label {
  color: #716e87;
  font-size: 0.8rem;
}

.item-name-suggestion__actions {
  display: flex;
  gap: 12px;
}

.item-name-suggestion__actions .btn-link {
  color: #2980b9;
  font-size: 0.8rem;
}

.item-name-suggestion__actions .btn-link.text-muted {
  color: #716e87 !important;
}

.item-name-review__sources {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.item-name-review__source {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.item-name-review__count {
  font-variant-numeric: tabular-nums;
  font-weight: 600;
  opacity: 0.75;
}

.item-name-review .v-select .vs__dropdown-toggle {
  min-height: 30px;
  padding-bottom: 2px;
}

.item-name-review .v-select .vs__selected {
  margin-top: 2px;
}

.item-name-review .v-select .vs__search {
  margin-top: 2px;
}

.content-grooming .form-control-sm {
  height: 30px;
}

.content-grooming td {
  vertical-align: middle;
}

.content-grooming .truncate-multiline {
  display: block;
  -webkit-line-clamp: unset;
}

.content-grooming .v-select .vs__dropdown-toggle {
  min-height: 30px;
  padding-bottom: 2px;
}

.content-grooming .v-select .vs__selected,
.content-grooming .v-select .vs__search {
  margin-top: 2px;
}

.content-grooming__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.content-grooming__chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.content-grooming__count {
  font-variant-numeric: tabular-nums;
  font-weight: 600;
  opacity: 0.75;
}

.content-grooming__thumb {
  border-radius: 4px;
  height: 40px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 40px;
}

.content-grooming__thumb--empty {
  align-items: center;
  background: rgba(130, 134, 139, 0.1);
  color: #716e87;
  display: inline-flex;
  justify-content: center;
}

.content-grooming__photo {
  align-items: center;
  border: 1px dashed transparent;
  flex: 0 0 auto;
  border-radius: 6px;
  display: inline-flex;
  gap: 4px;
  padding: 2px;
  position: relative;
}

.content-grooming__photo--drop {
  background: rgba(41, 128, 185, 0.08);
  border-color: #2980b9;
}

.content-grooming__photo--busy {
  opacity: 0.55;
  pointer-events: none;
}

.content-grooming__upload,
.content-grooming__open,
.content-grooming__ai {
  font-size: 1rem;
  line-height: 1;
  padding: 5px 7px;
}

.content-grooming__progress {
  align-items: center;
  background: rgba(0, 0, 0, 0.55);
  border-radius: 4px;
  color: #fff;
  display: flex;
  font-size: 0.65rem;
  font-variant-numeric: tabular-nums;
  height: 40px;
  justify-content: center;
  left: 2px;
  position: absolute;
  top: 2px;
  width: 40px;
}

.content-grooming__upload-error {
  color: #ea5455;
  display: block;
  font-size: 0.7rem;
  line-height: 1.15;
  margin-top: 2px;
  white-space: normal;
  word-break: break-word;
}

.content-grooming__flags {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.content-grooming__flag {
  color: #716e87;
  font-size: 0.85rem;
}

.content-grooming__shop-switch {
  display: inline-block;
}

.content-grooming__tools {
  align-items: center;
  display: inline-flex;
  flex-wrap: nowrap;
  gap: 4px;
  white-space: nowrap;
}

.content-grooming__open,
.content-grooming__ai {
  flex: 0 0 auto;
}

.ai-fixup__head {
  display: grid;
  gap: 10px;
  grid-template-columns: 28px 1fr 1fr;
  margin-bottom: 4px;
}

.ai-fixup__col-title {
  color: #716e87;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.ai-fixup__row {
  border-top: 1px solid rgba(130, 134, 139, 0.16);
  display: grid;
  gap: 10px;
  grid-template-columns: 28px 1fr;
  padding: 8px 0;
}

.ai-fixup__row--muted {
  opacity: 0.55;
}

.ai-fixup__check {
  padding-top: 22px;
}

.ai-fixup__label {
  font-size: 0.8rem;
  font-weight: 600;
  margin-bottom: 2px;
}

.ai-fixup__cols {
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr 1fr;
}

.ai-fixup__current {
  color: #716e87;
  font-size: 0.85rem;
  white-space: normal;
  word-break: break-word;
}

.ai-fixup__html {
  max-height: 140px;
  overflow-y: auto;
}

.ai-fixup__none {
  color: #716e87;
  font-size: 0.8rem;
  font-style: italic;
}

.ai-fixup__why {
  color: #716e87;
  font-size: 0.72rem;
  line-height: 1.2;
  margin-top: 3px;
}

.ai-fixup__web {
  background: rgba(41, 128, 185, 0.05);
  border: 1px solid rgba(41, 128, 185, 0.22);
  border-radius: 0.357rem;
  margin-bottom: 10px;
  padding: 8px 12px;
}

.ai-fixup__web--empty {
  background: rgba(130, 134, 139, 0.06);
  border-color: rgba(130, 134, 139, 0.18);
  color: #716e87;
  font-size: 0.78rem;
}

.ai-fixup__web-title {
  color: #2980b9;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.ai-fixup__web-note {
  color: #716e87;
  font-size: 0.72rem;
  line-height: 1.25;
  margin-top: 2px;
}

.ai-fixup__web-sources {
  list-style: none;
  margin: 4px 0 0;
  padding: 0;
}

.ai-fixup__web-sources li {
  font-size: 0.78rem;
  line-height: 1.35;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ai-fixup__web-badge {
  background: rgba(41, 128, 185, 0.12);
  border-radius: 8px;
  color: #2980b9;
  font-size: 0.65rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  margin-left: 6px;
  padding: 1px 6px;
  text-transform: uppercase;
  vertical-align: middle;
}

.ai-fixup__section {
  border-top: 1px solid rgba(130, 134, 139, 0.16);
  color: #716e87;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  margin-top: 6px;
  padding-top: 8px;
  text-transform: uppercase;
}

.content-grooming__filter-count {
  background: rgba(255, 255, 255, 0.85);
  border-radius: 10px;
  color: #2980b9;
  display: inline-block;
  font-size: 0.7rem;
  font-variant-numeric: tabular-nums;
  font-weight: 700;
  line-height: 1;
  margin-left: 4px;
  min-width: 18px;
  padding: 3px 5px;
  text-align: center;
}

.content-grooming__filters {
  background: rgba(130, 134, 139, 0.06);
  border-radius: 6px;
  padding: 10px 10px 4px;
}

.content-grooming__preview-scroll {
  border: 1px solid rgba(130, 134, 139, 0.16);
  border-radius: 6px;
  max-height: calc(100vh - 24rem);
  min-height: 120px;
  overflow: auto;
}

.content-grooming__preview-scroll--short {
  max-height: 220px;
  min-height: 0;
}

.content-grooming__preview-table {
  border-collapse: separate;
  border-spacing: 0;
  font-size: 0.8rem;
  width: 100%;
}

.content-grooming__preview-table th {
  background: #ffffff;
  border-bottom: 1px solid rgba(130, 134, 139, 0.25);
  color: #716e87;
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  padding: 6px 8px;
  position: sticky;
  text-transform: uppercase;
  top: 0;
  z-index: 1;
}

.content-grooming__preview-table td {
  border-top: 1px dashed rgba(130, 134, 139, 0.2);
  padding: 4px 8px;
  vertical-align: top;
  word-break: break-word;
}

.content-grooming__preview-table tbody tr:first-child td {
  border-top: 0;
}

.content-grooming__preview-after {
  color: #2980b9;
  font-weight: 600;
}

.grooming-photos__meta,
.grooming-photos__standard {
  font-size: 0.85rem;
}

.search-log__tiles {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  margin-bottom: 14px;
}

.search-log__tile {
  background: rgba(130, 134, 139, 0.06);
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 8px 10px;
}

.search-log__tile--good {
  background: rgba(40, 199, 111, 0.12);
}

.search-log__tile--warn {
  background: rgba(255, 159, 67, 0.14);
}

.search-log__tile--bad {
  background: rgba(234, 84, 85, 0.1);
}

.search-log__tile-value {
  font-size: 1.15rem;
  font-variant-numeric: tabular-nums;
  font-weight: 600;
  line-height: 1.1;
}

.search-log__tile-label {
  color: #716e87;
  font-size: 0.72rem;
}

.search-log__section {
  margin: 14px 0 6px;
}

.search-log__table {
  font-size: 0.8rem;
}

.search-log__table td,
.search-log__table th {
  padding: 4px 6px;
  vertical-align: middle;
}

.search-log__name {
  max-width: 260px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.search-log__outcome {
  border-radius: 0.3rem;
  font-size: 0.7rem;
  font-weight: 600;
  padding: 2px 6px;
  white-space: nowrap;
}

.search-log__outcome--found {
  background: rgba(40, 199, 111, 0.16);
  color: #28c76f;
}

.search-log__outcome--small_only {
  background: rgba(255, 159, 67, 0.18);
  color: #ff9f43;
}

.search-log__outcome--rejected_only,
.search-log__outcome--nothing {
  background: rgba(234, 84, 85, 0.12);
  color: #ea5455;
}

.search-log__outcome--error {
  background: rgba(130, 134, 139, 0.14);
  color: #716e87;
}

.ai-fixup__photos {
  margin: 6px 0 12px;
}

.ai-fixup__photo-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 6px;
}

.ai-fixup__photo {
  border: 2px solid transparent;
  border-radius: 6px;
  cursor: pointer;
  margin: 0;
  padding: 2px;
  position: relative;
}

.ai-fixup__photo img {
  border-radius: 4px;
  height: 92px;
  -o-object-fit: contain;
     object-fit: contain;
  width: 92px;
}

.ai-fixup__photo--picked {
  border-color: #2980b9;
}

.ai-fixup__photo-check {
  left: 6px;
  position: absolute;
  top: 6px;
  z-index: 2;
}

.grooming-photos__run {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 10px;
  margin: 6px 0 0;
}

.grooming-photos__run-usage {
  font-variant-numeric: tabular-nums;
}

.grooming-photos__section {
  color: #716e87;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.grooming-photos__grid {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fill, minmax(168px, 1fr));
}

.grooming-photos__card {
  background: #ffffff;
  border: 1px solid #ebe9f1;
  border-radius: 0.43rem;
  overflow: hidden;
  padding: 0;
  text-align: left;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  width: 100%;
}

.grooming-photos__card:hover {
  box-shadow: 0 1px 6px rgba(30, 30, 30, 0.08);
}

.grooming-photos__card--hit {
  cursor: pointer;
}

.grooming-photos__card--hit:hover {
  border-color: #d8d6de;
}

.grooming-photos__card--hit.grooming-photos__card--picked,
.grooming-photos__card--hit.grooming-photos__card--cover {
  border-color: #2980b9;
  box-shadow: 0 0 0 1px #2980b9;
}

.grooming-photos__card--hit[aria-disabled=true] {
  cursor: default;
  pointer-events: none;
}

.grooming-photos__card--excellent,
.grooming-photos__card--pass {
  border-color: rgba(40, 199, 111, 0.45);
}

.grooming-photos__card--excellent:hover,
.grooming-photos__card--pass:hover {
  border-color: #28c76f;
}

.grooming-photos__card--warn {
  border-color: rgba(255, 159, 67, 0.55);
}

.grooming-photos__card--warn:hover {
  border-color: #ff9f43;
}

.grooming-photos__card--fail {
  border-color: rgba(234, 84, 85, 0.45);
}

.grooming-photos__card--fail:hover {
  border-color: #ea5455;
}

.grooming-photos__preview {
  background: rgba(130, 134, 139, 0.08);
  height: 140px;
  position: relative;
}

.grooming-photos__preview img {
  display: block;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  pointer-events: none;
  width: 100%;
}

.grooming-photos__preview .grooming-photos__open {
  background: transparent;
  border: 0;
  cursor: pointer;
  display: block;
  height: 100%;
  padding: 0;
  width: 100%;
}

.grooming-photos__badge {
  border-radius: 0.36rem;
  font-size: 0.7rem;
  font-weight: 600;
  left: 6px;
  line-height: 1;
  padding: 3px 6px;
  pointer-events: none;
  position: absolute;
  top: 6px;
  z-index: 1;
}

.grooming-photos__badge--excellent,
.grooming-photos__badge--pass {
  background: rgba(40, 199, 111, 0.16);
  color: #28c76f;
}

.grooming-photos__badge--warn {
  background: rgba(255, 159, 67, 0.18);
  color: #ff9f43;
}

.grooming-photos__badge--fail {
  background: rgba(234, 84, 85, 0.14);
  color: #ea5455;
}

.grooming-photos__card--hit .grooming-photos__check {
  bottom: 6px;
  left: auto;
  right: 8px;
  top: auto;
}

.grooming-photos__cover {
  color: #c9a227;
  position: absolute;
  right: 8px;
  top: 6px;
}

.grooming-photos__check {
  align-items: center;
  background: #2980b9;
  border-radius: 0.25rem;
  color: #ffffff;
  display: inline-flex;
  font-size: 0.7rem;
  justify-content: center;
  left: 6px;
  line-height: 1;
  min-height: 1.15rem;
  min-width: 1.15rem;
  padding: 2px;
  position: absolute;
  top: 6px;
}

.grooming-photos__star {
  background: transparent;
  border: 0;
  color: #82868b;
  cursor: pointer;
  font-size: 1.05rem;
  line-height: 1;
  padding: 2px;
  position: absolute;
  right: 6px;
  top: 4px;
  z-index: 2;
}

.grooming-photos__star--on,
.grooming-photos__star:disabled.grooming-photos__star--on {
  color: #c9a227;
}

.grooming-photos__star:disabled {
  cursor: default;
  opacity: 1;
}

.grooming-photos__trash,
.grooming-photos__expand {
  background: transparent;
  border: 0;
  bottom: 6px;
  color: #82868b;
  cursor: pointer;
  font-size: 0.85rem;
  line-height: 1;
  opacity: 0.7;
  padding: 2px;
  position: absolute;
  z-index: 2;
}

.grooming-photos__trash:hover:not(:disabled),
.grooming-photos__expand:hover:not(:disabled) {
  opacity: 1;
}

.grooming-photos__trash:disabled,
.grooming-photos__expand:disabled {
  cursor: default;
  opacity: 0.45;
}

.grooming-photos__trash {
  right: 6px;
}

.grooming-photos__trash:hover:not(:disabled) {
  color: #ea5455;
}

.grooming-photos__expand {
  left: 6px;
}

.grooming-photos__expand:hover:not(:disabled) {
  color: #2980b9;
}

.grooming-photos__facts {
  display: grid;
  font-size: 0.72rem;
  gap: 4px 8px;
  grid-template-columns: 1fr 1fr;
  margin: 0;
  padding: 8px;
}

.grooming-photos__facts dt {
  color: #716e87;
  font-weight: 600;
}

.grooming-photos__facts dd {
  margin: 0;
  word-break: break-word;
}

.grooming-photos__source {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.grooming-photos__card .btn-block {
  border-radius: 0;
  border-width: 1px 0 0;
}

.grooming-photos__compare-row {
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr 1fr;
  margin-bottom: 8px;
}

.grooming-photos__compare-row figure {
  margin: 0;
}

.grooming-photos__compare-row img {
  background: rgba(130, 134, 139, 0.08);
  border: 1px solid #ebe9f1;
  border-radius: 0.43rem;
  display: block;
  height: 180px;
  -o-object-fit: contain;
     object-fit: contain;
  pointer-events: none;
  width: 100%;
}

.grooming-photos__compare-row .grooming-photos__open {
  background: transparent;
  border: 0;
  cursor: pointer;
  display: block;
  padding: 0;
  width: 100%;
}

.grooming-photos__compare-row figcaption {
  color: #716e87;
  font-size: 0.75rem;
  margin-top: 4px;
}

.grooming-photos-lightbox {
  align-items: center;
  background: rgba(30, 30, 30, 0.86);
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  padding: 1.5rem;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 2000;
}

.grooming-photos-lightbox__img {
  max-height: 100%;
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.grooming-photos-lightbox__close,
.grooming-photos-lightbox__nav {
  align-items: center;
  background: rgba(255, 255, 255, 0.12);
  border: 0;
  border-radius: 0.43rem;
  color: #ffffff;
  cursor: pointer;
  display: inline-flex;
  font-size: 1.25rem;
  height: 2.5rem;
  justify-content: center;
  line-height: 1;
  padding: 0;
  position: absolute;
  width: 2.5rem;
}

.grooming-photos-lightbox__close:hover,
.grooming-photos-lightbox__nav:hover {
  background: rgba(255, 255, 255, 0.22);
}

.grooming-photos-lightbox__close {
  right: 1rem;
  top: 1rem;
}

.grooming-photos-lightbox__nav--prev {
  left: 1rem;
}

.grooming-photos-lightbox__nav--next {
  right: 1rem;
}

.ai-fixup__query {
  width: 280px;
  max-width: 100%;
}

.web-shop-content td {
  vertical-align: top;
}

.web-shop-content .truncate-multiline {
  display: block;
  -webkit-line-clamp: unset;
}

.web-shop-content__draft {
  border-left: 2px solid rgba(41, 128, 185, 0.35);
  padding-left: 8px;
}

.web-shop-content__draft-actions {
  display: flex;
  gap: 12px;
}

.web-shop-content__draft-actions .btn-link {
  color: #2980b9;
  font-size: 0.8rem;
}

.web-shop-content__draft-actions .btn-link.text-muted {
  color: #716e87 !important;
}

.inventory-view-toggle {
  display: inline-flex;
  gap: 2px;
  padding: 3px;
  border-radius: 0.5rem;
  background: #f3f2f7;
}

.dark-layout .inventory-view-toggle {
  background: #3b4253;
}

.inventory-view-toggle__option {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  height: 28px;
  padding: 0 0.5rem;
  border: 0;
  border-radius: 0.25rem;
  background: none;
  color: #6e6b7b;
  cursor: pointer;
  transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
}

.inventory-view-toggle__option:hover {
  color: #2980b9;
}

.inventory-view-toggle__option.is-active {
  background: #ffffff;
  color: #2980b9;
  box-shadow: 0 1px 2px rgba(34, 41, 47, 0.12);
}

.dark-layout .inventory-view-toggle__option.is-active {
  background: #283046;
}

.inventory-view-toggle__option:focus-visible {
  outline: 2px solid #2980b9;
  outline-offset: 1px;
}

.inventory-row-photo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: 1px solid #ebe9f1;
  border-radius: 0.25rem;
  background: #ffffff;
  overflow: hidden;
}

.dark-layout .inventory-row-photo {
  border-color: #3b4253;
  background: #283046;
}

.inventory-row-photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.inventory-row-photo--empty {
  color: #716e87;
  background: #f3f2f7;
}

.dark-layout .inventory-row-photo--empty {
  background: #3b4253;
}

.inventory-photo-preview {
  position: fixed;
  z-index: 1090;
  width: 320px;
  height: 320px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
  border: 1px solid #ebe9f1;
  border-radius: 0.72rem;
  background: #ffffff;
  box-shadow: 0 5px 25px 0 rgba(34, 41, 47, 0.1);
  pointer-events: none;
}

.dark-layout .inventory-photo-preview {
  border-color: #3b4253;
  background: #283046;
}

.inventory-photo-preview img {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.inventory-gallery {
  max-height: inherit;
  overflow-y: auto;
  padding: 0.25rem 0.25rem 0.5rem;
}

.inventory-gallery__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 1rem;
}

.inventory-tile {
  display: flex;
  flex-direction: column;
  border: 1px solid #ebe9f1;
  border-radius: 0.72rem;
  background: #ffffff;
  overflow: hidden;
  transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

.dark-layout .inventory-tile {
  border-color: #3b4253;
  background: #283046;
}

.inventory-tile:hover {
  box-shadow: 0 1px 2px 0 rgba(34, 41, 47, 0.06), 0 4px 16px 0 rgba(34, 41, 47, 0.08);
  border-color: #2980b9;
}

.inventory-tile__media {
  position: relative;
  aspect-ratio: 1;
  background: #f3f2f7;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dark-layout .inventory-tile__media {
  background: #3b4253;
}

.inventory-tile__media img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.inventory-tile__placeholder {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.35rem;
  color: #716e87;
  font-size: 0.82rem;
  text-align: center;
  padding: 0.5rem;
}

.inventory-tile__placeholder .fa {
  font-size: 1.6rem;
  opacity: 0.7;
}

.inventory-tile__body {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  padding: 0.6rem 0.7rem 0.7rem;
  flex: 1 1 auto;
}

.inventory-tile__code {
  font-size: 0.82rem;
  letter-spacing: 0.04em;
  color: #6e6b7b;
}

.inventory-tile__name {
  font-size: 0.93rem;
  font-weight: 500;
  line-height: 1.3;
  color: #5e5873;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.dark-layout .inventory-tile__name {
  color: #d0d2d6;
}

.inventory-tile__vendor-code {
  font-size: 0.82rem;
  color: #716e87;
  margin-top: 0.15rem;
}

.inventory-tile__figures {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.5rem;
  margin-top: auto;
  padding-top: 0.45rem;
  font-variant-numeric: tabular-nums;
}

.inventory-tile__stock {
  font-size: 0.93rem;
  font-weight: 600;
  color: #5e5873;
}

.inventory-tile__stock.is-out {
  color: #b94243;
}

.dark-layout .inventory-tile__stock {
  color: #d0d2d6;
}

.inventory-tile__price {
  font-size: 0.93rem;
  color: #6e6b7b;
}

.inventory-tile__badges {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  margin-top: 0.3rem;
}

.inventory-tile__link {
  display: contents;
  color: inherit;
}

.inventory-tile-skeleton {
  border: 1px solid #ebe9f1;
  border-radius: 0.72rem;
  overflow: hidden;
  background: #ffffff;
}

.dark-layout .inventory-tile-skeleton {
  border-color: #3b4253;
  background: #283046;
}

.inventory-tile-skeleton__media {
  aspect-ratio: 1;
}

.inventory-tile-skeleton__body {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  padding: 0.7rem;
}

.inventory-warehouse-scope {
  min-width: 190px;
}

.inventory-filters {
  position: relative;
}

.inventory-filters-popup {
  position: absolute;
  top: calc(100% + 0.35rem);
  right: 0;
  z-index: 40;
  min-width: 320px;
  margin-bottom: 0;
  text-align: left;
}

.inventory-signal-cell {
  white-space: normal;
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0.25rem;
}

.inventory-signal-badge {
  position: relative;
  padding-left: 0.6rem;
}

.inventory-signal-badge::before {
  content: "";
  position: absolute;
  left: 0.2rem;
  top: 0.2rem;
  bottom: 0.2rem;
  width: 2px;
  border-radius: 1px;
}

.inventory-signal-badge--danger::before {
  background: #ea5455;
}

.inventory-signal-badge--warning::before {
  background: #ff9f43;
}

.inventory-signal-badge--secondary::before {
  background: #82868b;
}

.inventory-items-form .uploaded-wrap,
.inventory-image-editor .uploaded-wrap {
  position: relative;
  display: block;
  width: 170px;
  height: 125px;
}

.inventory-items-form .uploaded-wrap img,
.inventory-image-editor .uploaded-wrap img {
  width: 170px;
  height: 125px;
  -o-object-fit: cover;
     object-fit: cover;
}

.inventory-items-form .uploaded-wrap > .badge,
.inventory-items-form .uploaded-wrap .badge,
.inventory-image-editor .uploaded-wrap > .badge,
.inventory-image-editor .uploaded-wrap .badge {
  position: absolute;
  top: -10px;
  padding: 4px;
  cursor: pointer;
  max-width: 40px;
}

.inventory-items-form .badge-left,
.inventory-image-editor .badge-left {
  left: -5px;
}

.inventory-items-form .badge-right,
.inventory-image-editor .badge-right {
  right: -5px;
}

.inventory-items-form .enlarged-image {
  width: 50%;
  height: 50%;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: 0.4s;
}

.inventory-items-form .enlargeable-image .full.enlarged {
  left: 2.5% !important;
  top: 2.5% !important;
  width: 95% !important;
  height: 95% !important;
  z-index: 222222 !important;
}

.inventory-items-form .enlargeable-image .full.enlarging {
  z-index: 222222 !important;
}

.inventory-items-form #item-description-editor,
.inventory-items-form #item-declaration-editor {
  height: auto !important;
  min-height: 150px !important;
  border-bottom-right-radius: 0.72rem;
  border-bottom-left-radius: 0.72rem;
}

.inventory-items-form #item-description-editor .quillWrapper,
.inventory-items-form #item-description-editor .ql-container,
.inventory-items-form #item-description-editor .ql-editor,
.inventory-items-form #item-declaration-editor .quillWrapper,
.inventory-items-form #item-declaration-editor .ql-container,
.inventory-items-form #item-declaration-editor .ql-editor {
  min-height: 150px !important;
}

.inventory-items-form #item-description-editor .ql-editor,
.inventory-items-form #item-declaration-editor .ql-editor {
  cursor: text;
}

#cropper-commands {
  position: absolute;
  left: 40px;
  top: 40%;
}

.transparent-btn {
  color: #fff;
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: 2px;
}

.inventory-items-view .custom-td {
  padding: 5px;
  padding-left: 0;
  white-space: nowrap;
  width: 1px;
  padding-right: 20px;
  font-weight: bold;
}

.hover-display {
  position: fixed;
  pointer-events: none;
  background-color: #fefefe;
  padding: 8px 12px;
  border: 1px solid #ccc;
  border-radius: 6px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  z-index: 9999;
  white-space: nowrap;
  width: auto;
}

.hover-display p {
  margin: 4px 0;
}

.backorder-ship-lines {
  max-height: 40vh;
  overflow-y: auto;
}

.backorder-ship-lines__qty {
  width: 120px;
}

.inventory-wh-pill {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-left: 7px;
  padding: 1px 7px;
  border: 0;
  border-radius: 4px;
  font-size: 0.82rem;
  font-weight: 600;
  font-family: inherit;
  background: rgba(41, 128, 185, 0.1);
  color: #2980b9;
  cursor: pointer;
  vertical-align: 1px;
}

.inventory-wh-pill .fa-solid {
  font-size: 9px;
}

.inventory-wh-pill:hover,
.inventory-wh-pill:focus-visible {
  background: rgba(41, 128, 185, 0.18);
}

.dark-layout .inventory-wh-pill {
  background: rgba(41, 128, 185, 0.22);
  color: #d0d2d6;
}

.dark-layout .inventory-wh-pill:hover,
.dark-layout .inventory-wh-pill:focus-visible {
  background: rgba(41, 128, 185, 0.34);
}

.inventory-wh-popover {
  max-width: 360px;
}

.inventory-wh-popover .popover-body {
  padding: 8px 0 6px;
}

.inventory-wh-popover__table {
  border-collapse: collapse;
  width: 100%;
  font-size: 0.857rem;
}

.inventory-wh-popover__table th {
  font-size: 0.7rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #9a97a5;
  text-align: right;
  padding: 2px 12px 4px 0;
  white-space: nowrap;
}

.inventory-wh-popover__table th:first-child {
  text-align: left;
  padding-left: 12px;
}

.inventory-wh-popover__table td {
  padding: 5px 12px 5px 0;
  text-align: right;
  font-variant-numeric: tabular-nums;
  color: #6e6b7b;
  white-space: nowrap;
}

.inventory-wh-popover__table td:first-child {
  text-align: left;
  padding-left: 12px;
}

.inventory-wh-popover__table tbody tr {
  cursor: pointer;
}

.inventory-wh-popover__table tbody tr:hover td {
  background: rgba(41, 128, 185, 0.06);
}

.inventory-wh-popover__name {
  color: #2980b9;
  font-weight: 500;
}

.inventory-wh-popover__avail {
  color: #5e5873;
  font-weight: 600;
}

.inventory-wh-popover__hint {
  margin: 6px 12px 2px;
  padding-top: 7px;
  border-top: 1px solid #ebe9f1;
  font-size: 0.82rem;
  color: #9a97a5;
  white-space: normal;
}

.dark-layout .inventory-wh-popover__name {
  color: #2980b9;
}

.dark-layout .inventory-wh-popover__avail {
  color: #d0d2d6;
}

.dark-layout .inventory-wh-popover__hint {
  border-top-color: #3b4253;
}

.dark-layout .inventory-wh-popover__table td {
  color: #b4b7bd;
}

.reservations-summary__toggle {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 0.35rem 0.9rem;
  width: 100%;
  padding: 0;
  border: 0;
  background: none;
  text-align: left;
  cursor: pointer;
}

.reservations-summary__toggle:focus-visible {
  outline: 2px solid #2980b9;
  outline-offset: 3px;
  border-radius: 0.25rem;
}

.reservations-summary__toggle-title {
  display: inline-flex;
  align-items: baseline;
  gap: 0.5rem;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5e5873;
}

.dark-layout .reservations-summary__toggle-title {
  color: #d0d2d6;
}

.reservations-summary__toggle-title i {
  width: 0.8rem;
  font-size: 0.75rem;
  color: #2980b9;
}

.reservations-summary__toggle-figures {
  display: inline-flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 0.35rem;
  font-size: 0.82rem;
  color: #6e6b7b;
}

.dark-layout .reservations-summary__toggle-figures {
  color: #b4b7bd;
}

.reservations-summary__toggle-figures b {
  font-size: 1.05rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: #5e5873;
}

.dark-layout .reservations-summary__toggle-figures b {
  color: #d0d2d6;
}

.reservations-summary__toggle-figures .is-over {
  color: #ea5455;
  font-weight: 600;
}

.reservations-summary__kpi-groups {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem 2.5rem;
}

@media (max-width: 1199.98px) {
  .reservations-summary__kpi-groups {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767.98px) {
  .reservations-summary__kpi-groups {
    grid-template-columns: minmax(0, 1fr);
  }
}

.reservations-summary__kpi-group {
  min-width: 0;
}

.reservations-summary__group-label {
  display: block;
  margin-bottom: 0.55rem;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5e5873;
}

.dark-layout .reservations-summary__group-label {
  color: #d0d2d6;
}

.reservations-summary__kpis {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 1.5rem;
}

.reservations-summary__kpis > * {
  flex: 1 1 150px;
  max-width: 22rem;
}

.reservations-summary__kpi {
  min-width: 0;
}

.reservations-summary__kpi-label {
  font-size: 0.82rem;
  color: #6e6b7b;
}

.dark-layout .reservations-summary__kpi-label {
  color: #b4b7bd;
}

.reservations-summary__kpi-link {
  font-size: 0.82rem;
  color: #2980b9;
  background: none;
  border: 0;
  padding: 0;
  cursor: pointer;
}

.reservations-summary__kpi-link:hover {
  text-decoration: underline;
}

.reservations-summary__kpi-value {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-top: 0.2rem;
  font-size: 0.82rem;
  color: #6e6b7b;
}

.dark-layout .reservations-summary__kpi-value {
  color: #b4b7bd;
}

.reservations-summary__kpi-value b {
  font-size: 1.15rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: #5e5873;
}

.dark-layout .reservations-summary__kpi-value b {
  color: #d0d2d6;
}

.reservations-summary__kpi-value b.is-ok {
  color: #28c76f;
}

.reservations-summary__kpi-value b.is-near {
  color: #ff9f43;
}

.reservations-summary__kpi-value b.is-over {
  color: #ea5455;
}

.reservations-summary__hint {
  display: block;
  margin-top: 0.2rem;
  font-size: 0.78rem;
  color: #716e87;
}

.dark-layout .reservations-summary__hint {
  color: #b4b7bd;
}

.reservations-summary__divider {
  border: 0;
  border-top: 1px solid #ebe9f1;
  margin: 1.1rem 0;
}

.dark-layout .reservations-summary__divider {
  border-top-color: #3b4253;
}

.reservations-items__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.5rem;
}

.reservations-items__scroll {
  overflow-x: auto;
}

.reservations-items__scroll.is-expanded {
  max-height: 26rem;
  overflow-y: auto;
}

.reservations-items__table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.857rem;
  color: #6e6b7b;
}

.dark-layout .reservations-items__table {
  color: #b4b7bd;
}

.reservations-items__table th {
  position: sticky;
  top: 0;
  z-index: 1;
  background: #ffffff;
  padding: 0.35rem 0.6rem;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  white-space: nowrap;
  color: #6b6779;
  border-bottom: 1px solid #d8d6de;
}

.dark-layout .reservations-items__table th {
  background: #283046;
  color: #9aa0b0;
  border-bottom-color: #3b4253;
}

.reservations-items__table td {
  padding: 0.35rem 0.6rem;
  border-bottom: 1px solid #eeedf3;
}

.dark-layout .reservations-items__table td {
  border-bottom-color: #3b4253;
}

.reservations-items__table tbody tr:hover td {
  background: #fbfcfe;
}

.dark-layout .reservations-items__table tbody tr:hover td {
  background: rgba(255, 255, 255, 0.03);
}

.reservations-items__table .num {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.reservations-items__table .is-over {
  color: #ea5455;
  font-weight: 600;
}

.reservations-items__table tfoot td {
  border-top: 1px solid #d8d6de;
  border-bottom: 0;
  font-weight: 600;
  color: #5e5873;
}

.dark-layout .reservations-items__table tfoot td {
  border-top-color: #3b4253;
  color: #d0d2d6;
}

.reservations-items__code {
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

.reservations-items__unit {
  margin-left: 0.2rem;
  font-size: 0.78rem;
  color: #716e87;
}

.reservations-items__unknown {
  cursor: help;
}

.purchase-invoice-form .card,
.sales-document-form .card {
  border: 1px solid #ebe9f1;
}

.purchase-invoice-form .vs__dropdown-toggle,
.sales-document-form .vs__dropdown-toggle {
  background-color: #ffffff;
  background: #ffffff;
}

.card.document-header-card--purchase {
  border-left: 4px solid #c9a678 !important;
}

.card.document-header-card--sales {
  border-left: 4px solid #6aa84f !important;
}

.document-header-title {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-bottom: 1rem;
}

.document-type-chip {
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  border-radius: 4px;
  padding: 3px 9px;
  white-space: nowrap;
}

.document-type-chip--purchase {
  background: #f3ece5;
  color: #8a6d3b;
}

.document-type-chip--sales {
  background: #e7f4e5;
  color: #2f5624;
}

.document-header-number {
  font-size: 17px;
  font-weight: 600;
  color: #5e5873;
  line-height: 38px;
}

.document-header-number--auto {
  font-weight: 400;
  color: #6e6b7b;
}

.document-header-number-field {
  width: 170px;
}

.document-header-number-field .form-control {
  padding-left: 0.5rem;
  border-color: #d8d6de;
  background: #ffffff;
  font-weight: 600;
  color: #5e5873;
}

.document-header-number-field .form-control:focus {
  border-color: #2980b9;
}

.document-header-meta {
  margin-left: auto;
  font-size: 12px;
  color: #9a97a5;
}

.document-header-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
  gap: 0.75rem 1rem;
  align-items: start;
}

.document-header-grid .document-header-field--wide {
  grid-column: span 2;
}

.document-header-grid .document-header-grid__break {
  grid-column: 1/-1;
  height: 0;
}

@media (min-width: 1600px) {
  .document-header-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}

.document-header-grid label {
  display: block;
}

.document-header-grid > div > span,
.document-header-grid .form-control,
.document-header-grid .v-select,
.document-header-grid .vue-treeselect {
  display: block;
  width: 100%;
}

@media (max-width: 575.98px) {
  .document-header-grid .document-header-field--wide {
    grid-column: span 1;
  }
}

.document-header-links {
  margin-top: 0.75rem;
}

.document-header-note {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0 0 10px;
  font-size: 11.5px;
  color: #9a97a5;
}

.document-header-note a {
  color: #2980b9;
}

.document-header-note a:hover {
  text-decoration: underline;
}

.dark-layout .purchase-invoice-form .card,
.dark-layout .sales-document-form .card {
  border-color: #3b4253;
}

.dark-layout .card.document-header-card--purchase {
  border-left-color: #c9a678;
}

.dark-layout .card.document-header-card--sales {
  border-left-color: #6aa84f;
}

.dark-layout .document-header-number {
  color: #d0d2d6;
}

.active-link-customers .main-link {
  background-color: #e7f4e5 !important;
  background: #e7f4e5 !important;
  border-radius: 6px;
}

.active-link-vendors .main-link {
  border-radius: 6px;
  background-color: #f3ece5 !important;
  background: #f3ece5 !important;
}

.col-datetime {
  padding-right: 1rem;
  padding-left: 1rem;
}

.col-date {
  padding-right: 1rem;
  padding-left: 1rem;
}

.col-reference {
  padding-right: 1rem;
  padding-left: 1rem;
}

.select-md-wrap {
  padding-right: 1rem;
  padding-left: 1rem;
}

.document-sticky-actions {
  --sticky-actions-bottom-gap: 1.25rem;
  --sticky-actions-width: 100%;
  max-width: var(--sticky-actions-width);
  position: sticky;
  bottom: var(--sticky-actions-bottom-gap);
  z-index: 30;
  margin-top: 0.75rem;
  padding: 1rem;
  border: 1px solid #ebe9f1;
  border-radius: 0.72rem;
  background: #ffffff;
  box-shadow: 0 1px 2px 0 rgba(34, 41, 47, 0.06), 0 4px 16px 0 rgba(34, 41, 47, 0.08);
}

.document-sticky-actions .btn + * {
  margin-left: 0.75rem;
}

.document-sticky-actions .btn {
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, transform 160ms cubic-bezier(0.23, 1, 0.32, 1);
}

.document-sticky-actions .btn:active {
  transform: scale(0.96);
}

.document-sticky-actions .spinner-border {
  animation-duration: 0.55s;
}

.document-sticky-actions .sticky-actions-right {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.document-sticky-actions .sticky-total {
  font-size: 13px;
  color: #6e6b7b;
  white-space: nowrap;
}

.document-sticky-actions .sticky-total b {
  font-size: 15px;
  color: #5e5873;
  font-variant-numeric: tabular-nums;
}

.document-sticky-actions .sticky-sep {
  width: 1px;
  height: 22px;
  background: #ebe9f1;
}

.document-sticky-actions .btn-relief-danger {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #ea5455 !important;
  border: 1px solid rgba(234, 84, 85, 0.4) !important;
}

.document-sticky-actions .btn-relief-danger:hover {
  background: rgba(234, 84, 85, 0.08) !important;
}

.document-sticky-actions::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: var(--sticky-actions-bottom-gap);
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.15s ease-in-out;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  background: rgba(248, 248, 248, 0.55);
}

.document-sticky-actions.is-pinned::after {
  opacity: 1;
}

@media (max-width: 767.98px) {
  .document-sticky-actions {
    --sticky-actions-bottom-gap: 1rem;
    padding: 0.5rem 0.75rem;
  }
}

@media (max-width: 575.98px) {
  .document-sticky-actions {
    position: fixed;
    left: 12px;
    right: 12px;
    width: auto;
    max-width: none;
    margin-top: 0;
    bottom: calc(var(--sticky-actions-bottom-gap) + env(safe-area-inset-bottom, 0px));
    z-index: 50;
  }

  .document-sticky-actions.is-pinned::after,
  .document-sticky-actions::after {
    opacity: 1;
  }
}

@media (min-width: 992px) {
  .document-sticky-actions--main-column {
    --sticky-actions-width: 66.6667%;
  }
}

@media (max-width: 575.98px) {
  form:has(.document-sticky-actions) {
    padding-bottom: calc(3.5rem + 1rem + env(safe-area-inset-bottom, 0px));
  }
}

.dark-layout .document-sticky-actions {
  background: #283046;
  border-color: #3b4253;
}

.dark-layout .document-sticky-actions::after {
  background: rgba(40, 48, 70, 0.55);
}

.dark-layout .document-sticky-actions .sticky-total {
  color: #b4b7bd;
}

.dark-layout .document-sticky-actions .sticky-total b {
  color: #d0d2d6;
}

.dark-layout .document-sticky-actions .sticky-sep {
  background: #3b4253;
}

body.has-pinned-document-actions .ai-launcher {
  bottom: var(--ai-launcher-clearance, 96px) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease, bottom 0.2s ease-in-out;
}

body.has-pinned-document-actions .ai-shell--compact .ai-shell__panel {
  bottom: calc(var(--ai-launcher-clearance, 96px) + 72px) !important;
  height: min(620px, calc(100vh - var(--ai-launcher-clearance, 96px) - 116px)) !important;
}

.ai-launcher {
  transition: transform 0.2s ease, box-shadow 0.2s ease, bottom 0.2s ease-in-out;
}

.document-load-stage {
  position: relative;
}

.document-load-stage__form--warming {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  visibility: hidden;
}

.document-form-skeleton .dfs-card {
  background: #ffffff;
  border: 1px solid #ebe9f1;
  border-radius: 0.72rem;
  padding: 1.5rem;
}

.document-form-skeleton .dfs-card + .dfs-card {
  margin-top: 1rem;
}

.document-form-skeleton .dfs-row {
  display: flex;
  gap: 1rem;
  margin-top: 1rem;
}

.document-form-skeleton .dfs-bar {
  height: 34px;
  flex: 1;
  border-radius: 0.5rem;
  background: linear-gradient(90deg, #f3f2f7 25%, #fafafc 45%, #f3f2f7 65%);
  background-size: 300% 100%;
  animation: dfs-shimmer 1.4s ease-in-out infinite;
}

.document-form-skeleton .dfs-bar--chip {
  height: 20px;
  max-width: 180px;
  animation-delay: 0.1s;
}

.document-form-skeleton .dfs-bar--wide {
  flex: 2.2;
}

.document-form-skeleton .dfs-bar--full {
  margin-top: 1rem;
}

.document-form-skeleton .dfs-bar--dim {
  opacity: 0.55;
}

@keyframes dfs-shimmer {
  0% {
    background-position: 100% 0;
  }

  100% {
    background-position: -100% 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .document-form-skeleton .dfs-bar {
    animation: none;
  }

  .document-sticky-actions .btn:active {
    transform: none;
  }
}

.dark-layout .document-form-skeleton .dfs-card {
  background: #283046;
  border-color: #3b4253;
}

.dark-layout .document-form-skeleton .dfs-bar {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.05) 25%, rgba(255, 255, 255, 0.1) 45%, rgba(255, 255, 255, 0.05) 65%);
  background-size: 300% 100%;
}

.receipt-print-dates {
  display: flex;
  justify-content: flex-end;
  gap: 0;
}

.receipt-print-dates .label {
  text-align: right;
}

.receipt-print-dates .value {
  text-align: right;
}

.sales-document-items-scroll-wrap {
  position: relative;
  max-height: 70vh;
}

.sales-document-items-scroll-wrap.is-virtualized {
  overflow: hidden;
  overscroll-behavior: contain;
}

.sales-document-items-scroll-wrap.is-virtualized .sales-document-items-table-scroll {
  height: 100%;
  max-height: none;
}

.sales-document-items-table-scroll {
  overflow-y: auto;
  overflow-x: auto;
  position: relative;
  max-height: 70vh;
  overscroll-behavior-x: contain;
  overflow-anchor: none;
}

.sales-document-items-table-scroll thead td {
  position: sticky;
  top: 0;
  z-index: 9;
  background: rgba(41, 128, 185, 0.05);
}

.sales-document-items-table-scroll td.delete-line-cell {
  z-index: 9;
}

.sales-document-virtual-spacer td {
  padding: 0 !important;
  border-top: none !important;
  border-bottom: none !important;
  line-height: 0;
  overflow-anchor: none;
}

.sales-document-items-more-indicator {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 20;
  height: 22px;
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(to top, rgba(255, 255, 255, 0.95), transparent);
}

.sales-document-items-more-arrow {
  font-size: 14px;
  color: #2980b9;
}

.sales-document-item-row td.sales-document-item-index {
  vertical-align: middle;
}

.sales-document-item-index .d-flex {
  min-height: 38px;
}

.sales-document-item-index .handle {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

body.sales-document-line-dragging,
body.sales-document-line-dragging .sales-document-item-index .handle.handle-draggable {
  cursor: move !important;
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
          user-select: none !important;
}

.sales-document-drag-line {
  position: absolute;
  height: 2px;
  background: #2980b9;
  z-index: 14;
  pointer-events: none;
}

.sales-document-drag-ghost {
  position: fixed;
  z-index: 100000;
  pointer-events: none;
  background: #ffffff;
  border: 1px solid #ebe9f1;
  border-radius: 0.375rem;
  box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.1);
  padding: 0.25rem 0.75rem;
  font-size: 0.857rem;
  color: #5e5873;
  max-width: 480px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sales-document-drag-ghost .fa-bars {
  color: #b8c2cc;
}

.dark-layout .sales-document-drag-ghost {
  background: #283046;
  border-color: #3b4253;
  color: #b4b7bd;
}

.sales-document-reorder-list {
  max-height: 60vh;
  overflow-y: auto;
  border: 1px solid #ebe9f1;
  border-radius: 0.375rem;
}

.sales-document-reorder-row {
  display: flex;
  align-items: center;
  padding: 0.5rem 0.75rem;
  border-bottom: 1px solid #ebe9f1;
  background: #ffffff;
  font-size: 0.857rem;
}

.sales-document-reorder-row:last-child {
  border-bottom: none;
}

.sales-document-reorder-row.sortable-ghost {
  background: #f6f6f9;
}

.sales-document-reorder-handle {
  cursor: grab;
  color: #b8c2cc;
  padding: 0 0.5rem 0 0.25rem;
}

.sales-document-reorder-index {
  min-width: 2rem;
  margin-right: 0.5rem;
  text-align: right;
  color: #6e6b7b;
  font-variant-numeric: tabular-nums;
}

.sales-document-reorder-code {
  min-width: 90px;
  margin-right: 0.5rem;
  color: #5e5873;
  font-weight: 500;
}

.sales-document-reorder-desc {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #6e6b7b;
}

.dark-layout .sales-document-reorder-list {
  border-color: #3b4253;
}

.dark-layout .sales-document-reorder-row {
  background: #283046;
  border-color: #3b4253;
}

.dark-layout .sales-document-reorder-code {
  color: #b4b7bd;
}

.wholesale-document-view .correction-status-card {
  background: rgba(234, 84, 85, 0.08);
  border: 1px solid rgba(234, 84, 85, 0.35);
  border-left: 4px solid #ea5455;
}

.wholesale-document-view .correction-status-card .correction-status-icon {
  font-size: 1.5rem;
  color: #ea5455;
}

.wholesale-document-view .correction-status-card .correction-status-title {
  color: #ea5455;
  font-weight: 600;
  text-transform: uppercase;
}

.wholesale-document-view .correction-status-card small {
  color: #6e6b7b;
}

.wholesale-document-view .correction-tinted-card {
  background: rgba(234, 84, 85, 0.04);
}

.wholesale-document-view .document-sent-card {
  background: rgba(255, 159, 67, 0.08);
  border: 1px solid rgba(255, 159, 67, 0.35);
  border-left: 4px solid #ff9f43;
}

.wholesale-document-view .document-sent-card__icon {
  font-size: 1.25rem;
  color: #ff9f43;
}

.wholesale-document-view .document-sent-card__title {
  color: #ff8006;
  font-weight: 600;
  text-transform: uppercase;
}

.wholesale-document-view .document-sent-card small {
  color: #6e6b7b;
}

.wholesale-document-view .document-unposted-card {
  background: rgba(130, 134, 139, 0.08);
  border: 1px solid rgba(130, 134, 139, 0.35);
  border-left: 4px solid #82868b;
}

.wholesale-document-view .document-unposted-card__icon {
  font-size: 1.25rem;
  color: #82868b;
}

.wholesale-document-view .document-unposted-card__title {
  color: #5e5873;
  font-weight: 600;
  text-transform: uppercase;
}

.wholesale-document-view .document-unposted-card small {
  color: #6e6b7b;
}

.wholesale-document-view .owner-edit-btn {
  width: 26px;
  height: 26px;
  padding: 0;
  border-radius: 50%;
  border: 1px solid transparent;
  background: rgba(0, 0, 0, 0.04);
  color: #6e6b7b;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.wholesale-document-view .owner-edit-btn i {
  font-size: 12px;
}

.wholesale-document-view .owner-edit-btn:hover,
.wholesale-document-view .owner-edit-btn:focus {
  background: rgba(41, 128, 185, 0.12);
  color: #2980b9;
  border-color: rgba(41, 128, 185, 0.3);
  box-shadow: none;
  text-decoration: none;
}

.cancel-advance-receipt-modal .modal-body {
  border-bottom: none;
}

.cancel-advance-receipt-modal .modal-footer {
  border-top: none;
  justify-content: flex-start;
}

.cancel-advance-receipt-modal .balance-panel {
  background: #f8f8f8;
  border: 1px solid #ebe9f1;
  border-radius: 0.5rem;
  padding: 1rem 1.5rem;
  height: 100%;
  transition: border-color 0.15s ease-in-out, background-color 0.15s ease-in-out;
}

.cancel-advance-receipt-modal .balance-panel__label {
  font-size: 1rem;
  font-weight: 600;
  color: #5e5873;
  line-height: 1.35;
  margin-bottom: 0.5rem;
}

.cancel-advance-receipt-modal .balance-panel__value {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.25;
  font-variant-numeric: tabular-nums;
  color: #2980b9;
}

.cancel-advance-receipt-modal .balance-panel__meta {
  color: #716e87;
  font-size: 0.857rem;
  line-height: 1.45;
  margin-top: 0.5rem;
}

.cancel-advance-receipt-modal .balance-panel--warning {
  background: rgba(255, 159, 67, 0.08);
  border-color: rgba(255, 159, 67, 0.45);
}

.cancel-advance-receipt-modal .balance-panel--warning .balance-panel__value {
  color: #9c6129;
}

.cancel-advance-receipt-modal .balance-panel--settled {
  background: rgba(40, 199, 111, 0.08);
  border-color: rgba(40, 199, 111, 0.4);
}

.cancel-advance-receipt-modal .balance-panel--settled .balance-panel__value {
  color: #197d46;
}

.cancel-advance-receipt-modal .cancel-advance-warning {
  color: #9c6129;
  font-weight: 500;
}

.cancel-advance-modal-footer {
  justify-content: flex-start;
}

.dark-layout .cancel-advance-receipt-modal .balance-panel {
  background: #161d31;
  border-color: #3b4253;
}

.dark-layout .cancel-advance-receipt-modal .balance-panel__label,
.dark-layout .cancel-advance-receipt-modal .balance-panel__value {
  color: #d0d2d6;
}

.dark-layout .cancel-advance-receipt-modal .balance-panel__meta {
  color: #b4b7bd;
}

.dark-layout .cancel-advance-receipt-modal .balance-panel--warning {
  background: rgba(255, 159, 67, 0.12);
  border-color: rgba(255, 159, 67, 0.55);
}

.dark-layout .cancel-advance-receipt-modal .balance-panel--settled {
  background: rgba(40, 199, 111, 0.12);
  border-color: rgba(40, 199, 111, 0.5);
}

@media (prefers-reduced-motion: reduce) {
  .cancel-advance-receipt-modal .balance-panel {
    transition: none;
  }
}

.files-wrap.sm-comp .file-preview-below-wrap {
  border: 1px solid #ededed;
  background: #ffffff;
  border-radius: 0.375rem;
  transition: 0.2s ease;
}

.files-wrap.sm-comp .file-preview-below-wrap:hover .file-box {
  background: #ededed;
}

.files-wrap.sm-comp .file-preview-below-wrap .file-box {
  background: #f8f8f8;
  border-radius: 0.375rem;
  transition: 0.2s ease;
}

.files-wrap.lg-comp .box {
  background: transparent;
  border: none;
}

.files-wrap.lg-comp .single-file-wrap {
  border: 1px solid #ededed;
  background: #ffffff;
  border-radius: 0.72rem;
  transition: 0.2s ease;
}

.files-wrap.lg-comp .single-file-wrap:hover .file-box {
  background: #ededed;
}

.files-wrap.lg-comp .single-file-wrap span {
  font-size: 14px;
}

.files-wrap.lg-comp .single-file-wrap .file-box {
  background: #f8f8f8;
  border-radius: 0.72rem;
  transition: 0.2s ease;
}

.files-wrap .box {
  cursor: pointer;
  width: 100%;
  height: 100%;
  display: block;
  align-items: center;
}

.files-wrap .single-file-wrap span {
  font-size: 14px;
}

.files-wrap .single-file-wrap .title {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: calc(100% - 40px);
}

.files-wrap .file-main-content-lg {
  flex: 1;
  min-width: 0;
  display: inline-flex;
  align-items: center;
  overflow: hidden;
  gap: 0.25rem;
}

.files-wrap .file-row-actions-lg {
  gap: 6px;
  min-width: 54px;
  justify-content: flex-end;
}

.files-wrap .file-delete-wrap-lg {
  margin-left: 2px;
  padding-left: 6px;
  border-left: 1px solid #d9d9d9;
  display: inline-flex;
  align-items: center;
}

.files-wrap .file-action-btn-lg {
  width: 20px;
  height: 20px;
  line-height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  margin-left: 0;
}

.files-wrap .file-rename-btn {
  color: #82868b !important;
}

.files-wrap .file-rename-btn:hover,
.files-wrap .file-rename-btn:focus {
  color: #246fa1 !important;
}

.files-wrap .file-save-btn {
  color: #246fa1 !important;
}

.files-wrap .file-added-date {
  font-size: 12px;
  color: #82868b;
  line-height: 1.2;
}

.files-wrap .file-rename-input {
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  height: 26px;
}

.files-wrap .file-extension {
  font-size: 12px;
  color: #82868b;
  white-space: nowrap;
}

.files-wrap .file-delete-btn i.fa-trash {
  color: #82868b;
  transition: color 0.2s ease;
}

.files-wrap .file-delete-btn i.fa-trash:hover {
  color: #ea5455;
}

.files-wrap .dms-file-list-icon-sm,
.files-wrap .dms-file-icon-sm {
  height: 18px;
  font-size: 18px;
}

.files-wrap .dms-file-list-icon {
  height: 40px;
}

.files-wrap .dms-file-icon {
  height: 50px;
  font-size: 50px;
}

.files-wrap .dragNDrop {
  cursor: pointer;
  display: flex;
  flex-wrap: wrap;
  font-size: 16px;
}

.files-wrap .dragNDrop input {
  border-top: none !important;
}

.files-wrap .dragNDrop .custom-file-label {
  border-top: none !important;
}

.files-wrap .dragNDrop .custom-file-input {
  height: 100%;
}

.files-wrap .dragNDrop .custom-file {
  height: 120px;
}

.files-wrap.gallery-file .custom-file-label,
.files-wrap .gallery-file .custom-file-label {
  background-color: #ffffff;
  outline: 2px dashed #5a6464;
  outline-offset: -10px;
}

.files-wrap .image-upload {
  cursor: pointer;
}

.files-wrap .box__uploading {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  left: 0;
  position: absolute;
  background: #ffffff;
  top: 0;
  display: flex;
  align-items: center;
  text-align: center;
}

.files-wrap .gallery-img-sm {
  width: 100px;
  height: 100px;
}

.files-wrap .gallery-img-sm img {
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 0.375rem;
}

.files-wrap .remove-btn-sm {
  position: absolute;
  top: 0;
  right: 0;
  background: #f8f9fa;
  border-radius: 0.72rem;
  padding: 2px 5px;
}

.files-wrap .uploaded-wrap {
  max-width: 300px;
}

.files-wrap .uploaded-wrap:hover .card {
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.12) !important;
}

.files-wrap .files-grid-sm {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 0.75rem;
  align-items: start;
}

@media (max-width: 767px) {
  .files-wrap .files-grid-sm {
    grid-template-columns: 1fr;
  }
}

.files-wrap .files-grid-add-row {
  grid-column: 1/-1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 12px 14px;
  border: 1.5px dashed #636363;
  border-radius: 0.5rem;
  background: #f8f8f8;
  color: #5e5873;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

.files-wrap .files-grid-add-row:hover {
  border-color: #2980b9;
  background: rgba(41, 128, 185, 0.04);
}

.files-wrap .files-grid-add-row__icon {
  font-size: 18px;
  color: #2980b9;
}

.files-wrap .files-grid-add-row {
  flex-wrap: wrap;
}

.files-wrap .files-grid-add-row__hint {
  flex-basis: 100%;
  text-align: center;
  font-size: 11px;
  font-weight: 400;
  color: #716e87;
}

.files-wrap .files-grid-item-sm {
  width: 100%;
  min-width: 0;
}

.dark-layout .files-grid-add-row {
  background: transparent;
  border-color: #3b4253;
  color: #d0d2d6;
}

.dark-layout .files-grid-add-row .files-grid-add-row__hint {
  color: #676d7d;
}

@media print {
  .files-wrap {
    display: none;
  }
}

.currency-exchange-rate .exchange-inline-field {
  min-width: 160px;
}

.sales-calculations-supplier-invoice-form .vs--disabled .vs__dropdown-toggle,
.sales-calculations-supplier-invoice-form .vs--disabled .vs__clear,
.sales-calculations-supplier-invoice-form .vs--disabled .vs__search,
.sales-calculations-supplier-invoice-form .vs--disabled .vs__selected,
.sales-calculations-supplier-invoice-form .vs--disabled .vs__open-indicator {
  cursor: default;
  background-color: #ededed;
}

.rich-item-thumb {
  width: 32px;
  height: 32px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0.25rem;
  flex-shrink: 0;
}

.rich-item-thumb-placeholder {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
}

.rich-item-option mark {
  background: #ffeb3b;
  color: inherit;
  padding: 0 1px;
  border-radius: 2px;
}

.relation-documents__anchor {
  border: 1px solid #ebe9f1;
  border-left: 3px solid #2980b9;
  border-radius: 0.375rem;
  background: rgba(41, 128, 185, 0.03);
  padding: 0.5rem 0.75rem;
  margin-bottom: 0.75rem;
}

.relation-documents__anchor-line {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.5rem;
}

.relation-documents__anchor-line--sub {
  margin-top: 2px;
  font-size: 0.82rem;
  color: #716e87;
}

.relation-documents__anchor-title {
  font-weight: 600;
  color: #5e5873;
}

.relation-documents__anchor-amount {
  font-family: "DM Mono", "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-weight: 600;
  color: #5e5873;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.relation-documents__here {
  font-size: 0.82rem;
  font-weight: 600;
  color: #2980b9;
  background: rgba(41, 128, 185, 0.12);
  border-radius: 0.25rem;
  padding: 1px 7px;
  white-space: nowrap;
}

.relation-documents__search-toggle {
  background: none;
  border: 0;
  padding: 0 0.25rem;
  line-height: 1;
  color: #6e6b7b;
  cursor: pointer;
}

.relation-documents__search-toggle:focus-visible {
  outline: 2px solid #2980b9;
  outline-offset: 2px;
}

.relation-documents__loading {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.25rem 0;
}

.relation-documents__group + .relation-documents__group {
  margin-top: 0.75rem;
}

.relation-documents__group-head {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding-bottom: 0.25rem;
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #6b6779;
}

.relation-documents__group-head--corrections {
  color: #ea5455;
}

.relation-documents__rule {
  flex: 1;
  height: 1px;
  background: #eeedf3;
}

.relation-documents__group-count {
  font-family: "DM Mono", "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 0.82rem;
  font-weight: 400;
  letter-spacing: 0;
  color: #9a97a5;
  font-variant-numeric: tabular-nums;
}

.relation-documents__context {
  font-size: 0.82rem;
  color: #716e87;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.relation-documents__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.relation-documents__item {
  border-bottom: 1px solid #eeedf3;
}

.relation-documents__item:last-child {
  border-bottom: 0;
}

.relation-documents__item--child {
  padding-left: 16px;
  position: relative;
}

.relation-documents__item--child::before {
  content: "";
  position: absolute;
  left: 5px;
  top: 0;
  bottom: 50%;
  width: 7px;
  border-left: 1px solid #d8d6de;
  border-bottom: 1px solid #d8d6de;
  border-bottom-left-radius: 0.25rem;
}

.relation-documents__row {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
  padding: 6px 0;
  color: #2980b9;
}

.relation-documents__row:hover {
  color: #226998;
}

.relation-documents__row--plain {
  color: #6e6b7b;
  cursor: default;
}

.relation-documents__name {
  flex: 0 1 auto;
  min-width: 0;
}

.relation-documents__number,
.relation-documents__date {
  font-family: "DM Mono", "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 0.82rem;
  color: #716e87;
  white-space: nowrap;
}

.relation-documents__amount {
  margin-left: auto;
  font-family: "DM Mono", "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-variant-numeric: tabular-nums;
  color: #5e5873;
  white-space: nowrap;
}

.relation-documents__amount--none {
  color: #9a97a5;
}

.relation-documents__amount--negative {
  color: #ea5455;
}

.dark-layout .relation-documents__anchor {
  border-color: #3b4253;
  background: rgba(41, 128, 185, 0.12);
}

.dark-layout .relation-documents__group-head {
  color: #9aa0b0;
}

.dark-layout .relation-documents__rule {
  background: #3b4253;
}

.dark-layout .relation-documents__context {
  color: #b4b7bd;
}

.dark-layout .relation-documents__anchor-title,
.dark-layout .relation-documents__anchor-amount,
.dark-layout .relation-documents__amount {
  color: #d0d2d6;
}

.dark-layout .relation-documents__item {
  border-bottom-color: #3b4253;
}

.dark-layout .relation-documents__item--child::before {
  border-color: #3b4253;
}

.dark-layout .relation-documents__row--plain {
  color: #b4b7bd;
}

.document-preview td p {
  margin: 0;
}

.document-preview .header-additional-data p {
  margin: 0;
}

.document-preview .customer-signature-line.has-stamp-or-signature {
  height: 133px;
}

.document-preview .document-preview-totals {
  border-collapse: collapse;
  page-break-inside: avoid;
  -moz-column-break-inside: avoid;
       break-inside: avoid;
}

.document-preview .document-preview-totals td {
  vertical-align: top;
  border: 0;
}

.document-preview .document-preview-totals td:first-child {
  padding-right: 0.35rem;
}

.document-preview .document-preview-summary {
  page-break-inside: avoid;
  -moz-column-break-inside: avoid;
       break-inside: avoid;
}

@media print {
  .document-preview .print-padding {
    padding-top: 12px !important;
  }
}

.goods-receipt-items-scroll-wrap {
  position: relative;
  max-height: 70vh;
}

.goods-receipt-items-scroll-wrap.is-virtualized .goods-receipt-items-table-scroll {
  height: 100%;
}

.goods-receipt-items-table-scroll {
  overflow-y: auto;
  overflow-x: auto;
  position: relative;
  max-height: 70vh;
  overscroll-behavior-x: contain;
}

.goods-receipt-items-table-scroll thead td {
  position: sticky;
  top: 0;
  z-index: 12;
  background: #ffffff;
}

.goods-receipt-virtual-spacer td {
  padding: 0 !important;
  border-top: none !important;
  border-bottom: none !important;
  line-height: 0;
}

.goods-receipt-items-more-indicator {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 20;
  height: 22px;
  pointer-events: none;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.88) 55%, #ffffff 100%);
}

.goods-receipt-items-more-arrow {
  color: #2980b9;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  padding-bottom: 1px;
  animation: goods-receipt-items-bounce 1.1s infinite ease-in-out;
}

@keyframes goods-receipt-items-bounce {
  0%, 100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(4px);
  }
}

.goods-receipt-diff {
  font-weight: 600;
  white-space: nowrap;
}

.goods-receipt-diff--short {
  color: #ea5455;
}

.goods-receipt-diff--over {
  color: #28c76f;
}

.goods-receipt-diff--none {
  color: #9a97a5;
  font-weight: 400;
}

.goods-receipt-diff-note {
  color: #716e87;
  font-size: 0.85rem;
}

.goods-receipt-diff-note--missing {
  color: #ea5455;
}

.goods-receipt-differences {
  background: rgba(234, 84, 85, 0.06);
  border: 1px solid rgba(234, 84, 85, 0.25);
  border-radius: 0.428rem;
  padding: 0.75rem 1rem;
}

.goods-receipt-differences__title {
  color: #5e5873;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.goods-receipt-differences__missing td {
  opacity: 0.9;
}

.goods-receipt-differences__table {
  width: 100%;
}

.goods-receipt-differences__table th {
  color: #716e87;
  font-weight: 500;
  font-size: 0.85rem;
  padding-bottom: 0.25rem;
}

.goods-receipt-differences__table td {
  padding: 0.15rem 0;
}

.goods-receipt-differences__table th + th,
.goods-receipt-differences__table td + td {
  padding-left: 1rem;
}

.pc-available-cell {
  position: relative;
}

.pc-available-cell .pc-available-cell__flag {
  position: absolute;
  left: 7px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 11px;
  line-height: 1;
  color: #ff9f43;
  cursor: help;
  pointer-events: auto;
}

.pc-available-cell .pc-available-cell__input--flagged {
  padding-left: 22px;
  border-color: #ff9f43;
}

.leveling-prices .price-take {
  display: block;
  width: 100%;
  padding: 0.15rem 0.4rem;
  font-size: inherit;
  line-height: 1.35;
}

.leveling-prices .price-pair__row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.5rem;
}

.leveling-prices .price-pair__label {
  font-size: 0.7rem;
  white-space: nowrap;
  opacity: 0.75;
}

.leveling-prices .rounding-suggest {
  padding: 0.1rem 0.45rem;
  font-size: 0.75rem;
  line-height: 1.3;
}

.purchase-calculations-supplier-invoice .vs--disabled .vs__dropdown-toggle,
.purchase-calculations-supplier-invoice .vs--disabled .vs__clear,
.purchase-calculations-supplier-invoice .vs--disabled .vs__search,
.purchase-calculations-supplier-invoice .vs--disabled .vs__selected,
.purchase-calculations-supplier-invoice .vs--disabled .vs__open-indicator {
  cursor: default;
  background-color: #efefef;
}

.purchase-calculations-supplier-invoice .vs--disabled .vs__dropdown-toggle {
  cursor: default;
  background-color: #efefef;
}

.purchase-calculations-supplier-invoice .supplier-invoice-items-scroll-wrap {
  position: relative;
  max-height: 70vh;
}

.purchase-calculations-supplier-invoice .supplier-invoice-items-scroll-wrap.is-virtualized .supplier-invoice-items-table-scroll {
  height: 100%;
}

.purchase-calculations-supplier-invoice .supplier-invoice-items-table-scroll {
  overflow-y: auto;
  overflow-x: auto;
  position: relative;
  max-height: 70vh;
  overscroll-behavior-x: contain;
}

.purchase-calculations-supplier-invoice .supplier-invoice-items-table-scroll thead td {
  position: sticky;
  top: 0;
  z-index: 9;
  background: #f4f9fc;
}

.purchase-calculations-supplier-invoice .supplier-invoice-items-table-scroll table:has(tbody td.cell-calc-total + td.delete-line-cell) thead td:nth-last-child(2),
.purchase-calculations-supplier-invoice .supplier-invoice-items-table-scroll table:has(tbody td.cell-calc-total + td.delete-line-cell) thead td:last-child {
  z-index: 9;
}

.purchase-calculations-supplier-invoice .supplier-invoice-virtual-spacer td {
  padding: 0 !important;
  border-top: none !important;
  border-bottom: none !important;
  line-height: 0;
}

.purchase-calculations-supplier-invoice .supplier-invoice-items-more-indicator {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 20;
  height: 22px;
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(to top, rgba(255, 255, 255, 0.95), transparent);
}

.purchase-calculations-supplier-invoice .supplier-invoice-items-more-arrow {
  font-size: 14px;
  color: #2980b9;
}

.purchase-calculations-supplier-invoice .supplier-invoice-total-editable {
  border-color: #2980b9;
  background-color: rgba(41, 128, 185, 0.04);
}

.dark-layout .purchase-calculations-supplier-invoice .supplier-invoice-items-table-scroll thead td {
  background: #161d31;
}

.dark-layout .purchase-calculations-supplier-invoice .supplier-invoice-items-more-indicator {
  background: linear-gradient(to top, rgba(40, 48, 70, 0.95), transparent);
}

.without-goods-receipt-highlight {
  background-color: rgba(255, 159, 67, 0.12);
  border: 1px solid rgba(255, 159, 67, 0.4);
  border-radius: 6px;
  padding: 4px 10px;
  transition: all 0.3s ease;
}

.without-goods-receipt-highlight label {
  color: #ff9f43 !important;
  font-weight: 500;
}

.without-goods-receipt-highlight .custom-control-label::before {
  border-color: #ff9f43 !important;
}

.without-goods-receipt-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #ff9f43;
  color: #ffffff;
  font-size: 11px;
  font-weight: 600;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  border-radius: 10px;
  margin-left: 6px;
}

.settings-import-wizard .invoice-no-input {
  width: 160px;
  display: inline-block;
  font-weight: 600;
}

.settings-import-wizard .row-excluded td {
  opacity: 0.45;
  text-decoration: line-through;
}

.settings-import-wizard .row-excluded td:last-child {
  text-decoration: none;
}

.report-doc-preview .barcode-scan-table {
  table-layout: fixed;
  width: 100%;
}

.report-doc-preview .barcode-scan-table th,
.report-doc-preview .barcode-scan-table td {
  white-space: normal;
  word-break: break-word;
}

.journal-entries-form .je-select-warning.v-select .vs__dropdown-toggle,
.journal-entries-form .je-select-warning .v-select .vs__dropdown-toggle {
  border-color: #ff9f43 !important;
  border-radius: 0.357rem !important;
}

.journal-entries-form .tableForm tbody td {
  vertical-align: top !important;
  padding-top: 1px !important;
  padding-bottom: 1px !important;
}

.journal-entries-form .tableForm tbody td .first-div,
.journal-entries-form .tableForm tbody td .second-div,
.journal-entries-form .tableForm tbody td .full-div {
  vertical-align: top;
}

/* Purchasing's waiting list: the vendor summary above the lines.
   The chips are the screen's primary control — purchasing works down the vendor
   list, so they carry the money and the line count, not just a name. */

.purchase-requests-summary {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem 0.75rem;
}

.purchase-requests-summary__total {
  display: flex;
  flex-direction: column;
  margin-right: 0.5rem;
}

.purchase-requests-summary__total b {
  font-size: 1.25rem;
  line-height: 1.2;
}

.purchase-requests-chip {
  display: inline-flex;
  align-items: baseline;
  gap: 0.35rem;
  padding: 0.35rem 0.6rem;
  border: 1px solid #ebe9f1;
  border-radius: 0.35rem;
  background: transparent;
  font-size: 0.85rem;
  line-height: 1.2;
  cursor: pointer;
}

.dark-layout .purchase-requests-chip {
  border-color: #3b4253;
}

.purchase-requests-chip:hover {
  border-color: #2980b9;
}

.purchase-requests-chip.is-active {
  border-color: #2980b9;
  background: rgba(41, 128, 185, 0.08);
  font-weight: 600;
}

.purchase-requests-chip__lines {
  font-size: 0.72rem;
  opacity: 0.7;
}

.leveling-derived-price {
  background: transparent;
  border-style: dashed;
  opacity: 0.75;
  pointer-events: none;
}

.leveling-price--suspect {
  border-color: #ff9f43;
  box-shadow: 0 0 0 1px rgba(255, 159, 67, 0.35);
}

.leveling-price-warning {
  margin-top: 0.75rem;
  margin-bottom: 0;
  font-size: 0.85rem;
}

.sales-items-table-scroll {
  max-height: 68vh;
  overflow-y: auto;
  overflow-x: auto;
  position: relative;
  padding-bottom: 48px;
  /* leave room for the bottom indicator */
}

.sales-items-scroll-wrap {
  position: relative;
}

.sales-items-table-scroll .tableForm .sticky-el {
  /* Keep delete cell sticky only on horizontal axis (right side). */
  top: auto;
  bottom: auto;
  right: 0;
  z-index: 9;
}

.sales-items-table-scroll .skeleton {
  position: relative;
  overflow: hidden;
  background-color: #e0e0e0;
  border-radius: 0.357rem;
}

.sales-items-table-scroll .skeleton::after {
  content: "";
  position: absolute;
  top: 0;
  left: -150px;
  height: 100%;
  width: 150px;
  background: linear-gradient(to right, transparent 0%, rgba(255, 255, 255, 0.42) 50%, transparent 100%);
  animation: loading 1.2s infinite;
}

.sales-items-table-scroll .skeleton-field {
  display: block;
  width: 100%;
  height: 2.714rem;
  /* Match .form-control height */
  min-height: 2.714rem;
  box-sizing: border-box;
}

.sales-items-table-scroll .skeleton-field--index {
  width: 30px;
  min-height: 26px;
  height: 26px;
  margin: 0 auto;
}

.sales-items-table-scroll .skeleton-field--action {
  width: 30px;
  min-height: 30px;
  height: 30px;
  margin-left: auto;
}

.sales-items-table-scroll thead td {
  position: sticky;
  top: 0;
  z-index: 12;
  background: #fff;
}

.sales-items-more-indicator {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 44px;
  z-index: 20;
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.82) 45%, rgba(255, 255, 255, 0.95) 100%);
  backdrop-filter: blur(6px);
}

.sales-items-more-indicator-inner {
  display: flex;
  align-items: center;
  justify-content: center;
}

.sales-items-more-arrow {
  color: var(--primary, #3f7cff);
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  animation: sales-items-bounce 1.1s infinite ease-in-out;
}

@keyframes loading {
  0% {
    left: -150px;
  }

  100% {
    left: 100%;
  }
}

@keyframes sales-items-bounce {
  0%, 100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(6px);
  }
}

.project-doc-tables .index-table-page,
.project-doc-tables .index-table-card,
.project-doc-tables .index-table-card-body {
  min-width: 0;
}

.project-doc-tables .index-table-page {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

.project-doc-tables .index-table-card,
.project-doc-tables .index-table-card-body {
  min-height: 0 !important;
}

.project-doc-tables .index-table-scroll-area {
  height: auto !important;
  min-height: 0 !important;
  max-height: 70vh !important;
  overflow-x: auto;
  overflow-y: auto;
}

.project-doc-tables .table-responsive.custom-table {
  height: auto !important;
  max-height: none !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
}

.modal-content.partner-statements-modal {
  max-width: 800px;
  margin: 0 auto;
}

.partner-statement--next {
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid #ebe9f1;
}

.partner-statements-total {
  margin-top: 1.5rem;
  padding-top: 1rem;
  border-top: 2px solid #d8d6de;
  font-weight: 600;
}

.report-run-row {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  border-left: 3px solid transparent;
  border-bottom: 1px solid #ebe9f1;
  transition: background-color 0.15s ease-in-out;
}

.report-run-row:hover {
  background-color: #f6f6f9;
}

.report-run-row:last-child {
  border-bottom: none;
}

.report-run-row--active {
  border-left-color: #2980b9;
  background-color: #f6f6f9;
}

.report-run-group-label {
  font-size: 0.857rem;
  font-weight: 600;
  color: #5e5873;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  padding-left: calc(0.75rem + 3px);
  margin-bottom: 0.25rem;
}

.report-run-group:not(:first-of-type) .report-run-group-label {
  margin-top: 1rem;
}

.report-badge-spinner {
  width: 0.9em;
  height: 0.9em;
}

.report-empty-icon {
  font-size: 2rem;
}

.aging-receivables-preview .print-table-main {
  width: 100%;
}

.aging-receivables-preview .nowrap-col {
  white-space: nowrap;
  width: 1%;
}

.aging-receivables-preview .partner-name {
  white-space: normal;
  word-break: break-word;
  overflow-wrap: anywhere;
}

.aging-receivables-preview .partner-link {
  color: #1b5fa7;
  cursor: pointer;
}

.aging-receivables-preview .partner-link:hover,
.aging-receivables-preview .partner-link:focus {
  color: #134a82;
}

@media print {
  .aging-receivables-preview .partner-link {
    color: inherit;
    text-decoration: none;
  }

  .aging-receivables-preview .partner-link::after {
    content: "" !important;
  }
}

.report-form-section-label {
  font-size: 0.857rem;
  color: #5e5873;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.dark-layout .report-run-row {
  border-bottom-color: #3b4253;
}

.dark-layout .report-run-row:hover {
  background-color: #161d31;
}

.dark-layout .report-run-row--active {
  background-color: rgba(41, 128, 185, 0.08);
}

.dark-layout .report-form-section-label,
.dark-layout .report-run-group-label {
  color: #b4b7bd;
}

.crm-activities-preview .details-row td {
  border-top: 0;
}

.crm-activities-preview .group-heading-row td {
  background: #f6f7f9;
  border-top: 1px solid #dfe3e8;
}

.crm-activities-preview .owner-heading-row td {
  background: #f6f7f9;
  border-top: 2px solid #d3d9e0;
}

.crm-activities-preview .deal-heading-row td {
  background: #eef2f6;
  padding-left: 16px !important;
}

.crm-activities-preview .rbr-col {
  width: 44px;
  min-width: 44px;
}

.crm-activities-preview .details-rbr {
  color: #6c757d;
}

.crm-activities-preview .details-cell {
  padding-left: 18px !important;
  white-space: pre-wrap;
  word-break: break-word;
  color: #4b4b4b;
}

.crm-activities-preview .details-label {
  font-weight: 600;
  margin-right: 6px;
}

.crm-activities-preview .grouped-matrix-table {
  table-layout: fixed;
  width: 100%;
  font-size: 12px;
}

.crm-activities-preview .grouped-matrix-table th,
.crm-activities-preview .grouped-matrix-table td {
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
  padding-left: 4px !important;
  padding-right: 4px !important;
}

.crm-activities-preview .grouped-matrix-table .grouped-first-col {
  width: 14%;
  min-width: 90px;
}

.crm-activities-preview .summary-count-col {
  width: auto;
  min-width: 0;
}

.crm-activities-preview .group-total-row td {
  border-top: 1px solid #dfe3e8;
  background: #fafbfc;
}

.crm-activities-preview .grouped-matrix-dense {
  font-size: 10.5px;
}

.crm-activities-preview .ungrouped-print-table {
  table-layout: fixed;
  width: 100%;
}

.crm-activities-preview .ungrouped-print-table th,
.crm-activities-preview .ungrouped-print-table td {
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.crm-activities-preview .ungrouped-print-table .rbr-col {
  width: 36px;
  min-width: 36px;
}

.crm-activities-preview .tfoot-total-row td {
  border-top: 2px solid #333;
  padding-top: 6px !important;
}

.crm-activities-preview .tfoot-summary-details {
  font-weight: normal;
  color: #4b4b4b;
}

.gl-index-date .gl-card {
  border: 1px solid #eef1f4;
  border-radius: 12px;
  box-shadow: 0 8px 18px rgba(34, 41, 47, 0.06);
  background-color: #ffffff;
}

.gl-index-date .gl-title {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 1rem;
  font-weight: 600;
}

.gl-index-date .gl-date {
  color: #6e6b7b;
  font-weight: 500;
}

.gl-index-date .handle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 30px;
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
  border: 1px solid #dfe3e7;
  background: #f8f8f8;
  cursor: grab;
  line-height: 1;
}

.gl-index-date .table thead th {
  border-top: 0;
  font-size: 0.85rem;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  color: #6e6b7b;
}

.gl-index-date .table tbody tr {
  transition: background-color 0.2s ease;
}

.gl-index-date .skeleton-box {
  display: inline-block;
  border-radius: 4px;
  background: linear-gradient(90deg, #f1f2f4 25%, #e5e7eb 37%, #f1f2f4 63%);
  background-size: 400% 100%;
  animation: gl-skeleton-loading 1.3s ease infinite;
}

.gl-index-date .skeleton-number {
  width: 30px;
  height: 28px;
}

.gl-index-date .skeleton-text {
  width: 100%;
  max-width: 360px;
  height: 16px;
}

@keyframes gl-skeleton-loading {
  0% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0 50%;
  }
}

.tax-posting-diff tbody tr {
  box-shadow: inset 3px 0 0 transparent;
}

.tax-posting-diff tbody tr.tax-posting-diff__row--added {
  box-shadow: inset 3px 0 0 #28c76f;
}

.tax-posting-diff tbody tr.tax-posting-diff__row--changed {
  box-shadow: inset 3px 0 0 #ff9f43;
}

.tax-posting-diff tbody tr.tax-posting-diff__row--removed {
  box-shadow: inset 3px 0 0 #ea5455;
}

.tax-posting-diff .tax-posting-diff__delta {
  font-weight: 600;
  color: #5e5873;
}

.tax-posting-diff .badge {
  white-space: nowrap;
}

@media print {
  .tax-posting-diff tbody tr {
    box-shadow: none;
  }
}

.dark-layout .tax-posting-diff .tax-posting-diff__delta {
  color: #d0d2d6;
}

.report-doc-preview .partner-link {
  color: #1b5fa7;
  cursor: pointer;
}

.report-doc-preview .partner-link:hover,
.report-doc-preview .partner-link:focus {
  color: #134a82;
}

.report-doc-preview .print-table-main {
  width: 100%;
  table-layout: fixed;
}

.report-doc-preview .partner-col-ungrouped {
  width: 100%;
}

.report-doc-preview .nowrap-col {
  white-space: nowrap;
  width: 1%;
}

.report-doc-preview .partner-name,
.report-doc-preview .wrap-cell {
  white-space: normal;
  word-break: break-word;
  overflow-wrap: anywhere;
}

.report-doc-preview .date-cell {
  white-space: normal;
  word-break: keep-all;
  overflow-wrap: anywhere;
}

.report-doc-preview .line td {
  border: 1px solid #000 !important;
  white-space: nowrap !important;
  padding: 10px !important;
}

.report-doc-preview .bold {
  font-weight: bold !important;
}

.report-doc-preview .western {
  padding: 5px 6px !important;
  margin: 0 !important;
}

.report-doc-preview .print-bg-light {
  background-color: #f0f0f0;
}

.report-doc-preview .print-bg-dark {
  background-color: #c0c0c0;
  font-weight: bold;
}

.report-doc-preview .table-responsive {
  overflow-x: auto;
}

.report-doc-preview .sub-header {
  font-size: 0.85em;
  font-weight: 600;
}

.report-doc-preview .transaction-link {
  color: #2980b9;
  text-decoration: none;
}

.report-doc-preview .print-footer {
  display: none;
}

.report-doc-preview .print-totals-row {
  border-top: 1px solid black !important;
}

.report-doc-preview .print-totals-row td:last-child {
  border: none !important;
}

.report-doc-preview .print-table-main tbody tr:last-child {
  border-bottom: none !important;
}

.report-doc-preview .print-table-main tbody tr:last-child td {
  border-bottom: none !important;
}

.report-doc-preview.report-doc-preview--balance-summary .print-table-main {
  table-layout: auto;
}

.report-doc-preview.report-doc-preview--balance-summary .print-table-main thead th.nowrap-col,
.report-doc-preview.report-doc-preview--balance-summary .print-table-main tbody td.nowrap-col {
  white-space: nowrap;
  width: 1%;
  font-variant-numeric: tabular-nums;
}

.report-doc-preview.report-doc-preview--balance-summary .partner-name {
  white-space: normal;
  word-break: normal;
  overflow-wrap: break-word;
}

.report-doc-preview.report-doc-preview--purchase-calculation .print-table-main {
  table-layout: auto;
}

.report-doc-preview.report-doc-preview--purchase-calculation .nowrap-col {
  font-variant-numeric: tabular-nums;
}

.report-doc-preview.report-doc-preview--purchase-calculation .item-name-col {
  min-width: 120px;
  white-space: normal;
  word-break: normal;
  overflow-wrap: break-word;
}

.report-doc-preview.report-doc-preview--oppnd table {
  border-collapse: separate;
  border-spacing: 0 4px !important;
}

.report-doc-preview.report-doc-preview--oppnd th {
  vertical-align: middle !important;
}

.report-doc-preview.report-doc-preview--oppnd td {
  vertical-align: bottom !important;
}

.report-doc-preview.report-doc-preview--oppnd th,
.report-doc-preview.report-doc-preview--oppnd td {
  font-size: 10px !important;
}

.report-doc-preview.report-doc-preview--oppnd .line td {
  border: 1px solid #000 !important;
  white-space: nowrap !important;
  padding: 5px !important;
}

.report-doc-preview.report-doc-preview--oppnd .border-tb {
  border-top: 1px solid #625f6e !important;
  border-bottom: 1px solid #625f6e !important;
}

@media print {
@page {
    margin: 20mm;
}

  .report-doc-preview .partner-link {
    color: inherit;
    text-decoration: none;
  }

  .report-doc-preview .partner-link::after {
    content: "" !important;
  }

  .report-doc-preview .transaction-link {
    color: inherit !important;
    text-decoration: none !important;
  }

  .report-doc-preview .print-footer {
    display: block;
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
    padding: 10px 24px 4px;
    font-size: 16px;
    z-index: 1000 !important;
  }

  .report-doc-preview .print-totals-table {
    margin-top: 0.25rem !important;
  }

  .report-doc-preview .print-totals-row {
    border-top: 2px solid black !important;
  }

  .report-doc-preview .print-totals-row td:last-child {
    border: none !important;
  }

  .report-doc-preview a {
    pointer-events: none !important;
    text-decoration: none !important;
  }
}

.payslip-overview-scale-wrap {
  overflow: hidden;
  transform: scale(0.8);
  transform-origin: top left;
  width: 125%;
}

.center-matrix-scroll {
  overflow-x: auto;
}

.robust-recap__sentence {
  margin: 0.25rem 0 0;
  font-size: 1.07rem;
}

.robust-recap__title {
  font-size: 0.857rem;
  color: #5e5873;
}

.robust-dashboard {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
}

.robust-dashboard__card {
  border: 1px solid #ebe9f1;
  border-radius: 0.375rem;
  padding: 0.75rem;
}

.robust-dashboard__label {
  font-size: 0.857rem;
  color: #6e6b7b;
}

.robust-dashboard__value {
  font-size: 1.25rem;
  font-weight: 600;
  color: #5e5873;
  font-variant-numeric: tabular-nums;
}

.robust-dashboard__spark {
  width: 100%;
  height: 40px;
  display: block;
  margin-top: 0.25rem;
}

.robust-dashboard__legend {
  display: flex;
  gap: 0.75rem;
  font-size: 0.75rem;
  color: #82868b;
  margin-top: 0.25rem;
}

.robust-dashboard__legend .legend-dot {
  display: inline-block;
  width: 10px;
  height: 3px;
  border-radius: 2px;
  margin-right: 4px;
  vertical-align: middle;
  background: #28c76f;
}

.robust-dashboard__legend .legend-dot--dashed {
  background: repeating-linear-gradient(to right, #82868b 0 3px, transparent 3px 5px);
}

@media (max-width: 992px) {
  .robust-dashboard {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.cash-flow-preview {
  color: #000;
}

.cash-flow-preview .print-table-main {
  table-layout: fixed;
}

.cash-flow-preview .nowrap-col {
  white-space: nowrap;
}

.cash-flow-preview .section-heading td {
  font-weight: bold;
  text-align: left;
}

.cash-flow-preview .company-info-block > div {
  line-height: 1.6;
}

.cash-flow-preview .footer-note {
  line-height: 1.35;
}

.cash-flow-preview .place-blank {
  display: inline-block;
  width: 150px;
  border-bottom: 1px solid #000;
  height: 14px;
  vertical-align: bottom;
}

.cash-flow-preview .signature-block {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

.cash-flow-preview .signature-block td {
  border: none;
  vertical-align: top;
  padding: 0 4px;
  text-align: center;
}

.cash-flow-preview .signature-block td.sig-left {
  width: 40%;
}

.cash-flow-preview .signature-block td.sig-mp {
  width: 12%;
  font-weight: bold;
  vertical-align: middle;
}

.cash-flow-preview .signature-block td.sig-right {
  width: 40%;
}

.cash-flow-preview .sig-title {
  font-weight: normal;
  min-height: 44px;
  margin-bottom: 28px;
}

.cash-flow-preview .sig-name {
  display: block;
}

.cash-flow-preview .signature-line {
  display: block;
  width: 220px;
  max-width: 100%;
  height: 0;
  border-bottom: 1px solid #000 !important;
  margin: 8px auto 0;
}

.summary-report-partner-preview .summary-table {
  width: 100%;
  border-collapse: collapse;
  border: 2px solid #333;
}

.summary-report-partner-preview .summary-table td,
.summary-report-partner-preview .summary-table th {
  border: 1px solid #999;
  border-left: 1px solid #666;
  border-right: 1px solid #666;
  padding: 6px 10px;
}

.summary-report-partner-preview .summary-table th {
  border-bottom: 2px solid #333;
  background-color: #f0f0f0;
}

.summary-report-partner-preview .summary-table tbody tr:hover {
  background-color: #fafafa;
}

.summary-report-partner-preview .section-header td {
  background-color: #e8e8e8;
  border-top: 2px solid #333;
  border-bottom: 1px solid #666;
}

.summary-report-partner-preview .subtotal-row td {
  border-top: 1px dashed #999;
  border-bottom: 2px solid #333;
  background-color: #f5f5f5;
}

.summary-report-partner-preview .total-row td {
  border-top: 3px double #333;
  background-color: #d9d9d9;
  font-size: 1.05em;
}

.summary-report-partner-preview .bold {
  font-weight: bold;
}

.summary-report-partner-preview .font-16 {
  font-size: 16px;
}

.summary-report-partner-preview .font-18 {
  font-size: 18px;
}

.summary-report-partner-preview .font-20 {
  font-size: 20px;
}

@media print {
  .summary-report-partner-preview .summary-table td,
  .summary-report-partner-preview .summary-table th {
    border: 1px solid #000 !important;
  }

  .summary-report-partner-preview .summary-table tbody tr:hover {
    background-color: transparent;
  }
}

.metrics-board {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.5rem;
}

.metrics-board .metrics-header {
  grid-column: 1/-1;
}

@media (max-width: 991.98px) {
  .metrics-board {
    grid-template-columns: minmax(0, 1fr);
  }
}

.metrics-header {
  margin-bottom: 0;
}

.metrics-header__top {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}

.metrics-header__title {
  margin-bottom: 0.15rem;
}

.metrics-header__meta {
  font-size: 0.857rem;
  color: #6e6b7b;
}

.dark-layout .metrics-header__meta {
  color: #b4b7bd;
}

.metrics-header__actions {
  flex: none;
}

.metrics-header__actions--group {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.metrics-month {
  min-width: 11rem;
}

.metrics-month .vs__dropdown-toggle {
  padding-top: 0;
  padding-bottom: 2px;
}

.metrics-center {
  min-width: 13rem;
}

.metrics-center .vs__dropdown-toggle {
  padding-top: 0;
  padding-bottom: 2px;
}

.metrics-date {
  width: 8.5rem;
}

.metrics-rule {
  height: 1px;
  margin: 1.1rem 0;
  background: #ebe9f1;
}

.dark-layout .metrics-rule {
  background: #3b4253;
}

.metrics-label {
  display: block;
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #6e6b7b;
}

.dark-layout .metrics-label {
  color: #b4b7bd;
}

.metrics-group-label {
  display: block;
  margin-bottom: 0.55rem;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5e5873;
}

.dark-layout .metrics-group-label {
  color: #d0d2d6;
}

.metrics-muted {
  color: #6e6b7b;
  font-weight: 400;
}

.dark-layout .metrics-muted {
  color: #b4b7bd;
}

.metrics-hint {
  display: block;
  margin-top: 0.3rem;
  font-size: 0.82rem;
  color: #6e6b7b;
}

.dark-layout .metrics-hint {
  color: #b4b7bd;
}

.metrics-sub {
  display: block;
  margin-top: 0.15rem;
  font-size: 0.82rem;
  color: #6e6b7b;
}

.metrics-sub b {
  font-variant-numeric: tabular-nums;
}

.dark-layout .metrics-sub {
  color: #b4b7bd;
}

.metrics-position {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 1rem 2rem;
}

.metrics-position__lead {
  min-width: 0;
  flex: 0 0 auto;
}

.metrics-position__sides {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 1.75rem;
  min-width: 0;
  padding-left: 2rem;
  border-left: 1px solid #ebe9f1;
  align-self: stretch;
}

.dark-layout .metrics-position__sides {
  border-left-color: #3b4253;
}

@media (max-width: 575.98px) {
  .metrics-position__sides {
    padding-left: 0;
    border-left: 0;
  }
}

.metrics-position__side {
  min-width: 0;
}

.metrics-figure {
  display: block;
  margin-top: 0.1rem;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.15;
  color: #5e5873;
  font-variant-numeric: tabular-nums;
}

.dark-layout .metrics-figure {
  color: #d0d2d6;
}

.metrics-figure--side {
  font-size: 1.35rem;
}

.metrics-kpi-groups {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem 2.5rem;
}

@media (max-width: 991.98px) {
  .metrics-kpi-groups {
    grid-template-columns: minmax(0, 1fr);
  }
}

.metrics-kpi-group {
  min-width: 0;
}

.metrics-kpi-group + .metrics-kpi-group {
  padding-left: 2.5rem;
  border-left: 1px solid #ebe9f1;
}

.dark-layout .metrics-kpi-group + .metrics-kpi-group {
  border-left-color: #3b4253;
}

@media (max-width: 991.98px) {
  .metrics-kpi-group + .metrics-kpi-group {
    padding-left: 0;
    border-left: 0;
    padding-top: 1rem;
    border-top: 1px solid #ebe9f1;
  }

  .dark-layout .metrics-kpi-group + .metrics-kpi-group {
    border-top-color: #3b4253;
  }
}

.metrics-kpis {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 1.5rem;
}

.metrics-kpis > * {
  flex: 1 1 150px;
  max-width: 22rem;
}

.metrics-kpi {
  min-width: 0;
}

.metrics-kpi__value {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-top: 0.2rem;
  font-size: 0.82rem;
}

.metrics-kpi__value b {
  font-size: 1.15rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: #5e5873;
}

.dark-layout .metrics-kpi__value b {
  color: #d0d2d6;
}

.metrics-kpi__value b.is-ok {
  color: #28c76f;
}

.metrics-kpi__value b.is-near {
  color: #ff9f43;
}

.metrics-kpi__value b.is-over {
  color: #ea5455;
}

.metrics-meter {
  height: 4px;
  margin-top: 0.4rem;
  border-radius: 0.25rem;
  background: #ebe9f1;
  overflow: hidden;
}

.dark-layout .metrics-meter {
  background: #3b4253;
}

.metrics-meter__fill {
  height: 100%;
  background: #2980b9;
}

.metrics-meter__fill.is-ok {
  background: #28c76f;
}

.metrics-meter__fill.is-near {
  background: #ff9f43;
}

.metrics-meter__fill.is-over {
  background: #ea5455;
}

.metrics-plan {
  margin-top: 1.1rem;
}

.metrics-plan__bar {
  position: relative;
  height: 8px;
  margin: 0.45rem 0 0.35rem;
  border-radius: 0.25rem;
  background: #ebe9f1;
}

.dark-layout .metrics-plan__bar {
  background: #3b4253;
}

.metrics-plan__fill {
  height: 100%;
  border-radius: 0.25rem;
  background: #2980b9;
}

.metrics-plan__marker {
  position: absolute;
  top: -3px;
  bottom: -3px;
  width: 2px;
  background: #5e5873;
}

.dark-layout .metrics-plan__marker {
  background: #d0d2d6;
}

.metrics-panel {
  margin-bottom: 0;
}

.metrics-panel__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.6rem;
}

.metrics-panel__title {
  margin-bottom: 0;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #5e5873;
}

.dark-layout .metrics-panel__title {
  color: #d0d2d6;
}

.metrics-panel__count {
  flex: none;
  font-size: 0.82rem;
  color: #6e6b7b;
}

.dark-layout .metrics-panel__count {
  color: #b4b7bd;
}

.metrics-panel__link {
  flex: none;
  font-size: 0.82rem;
  font-weight: 500;
  color: #2980b9;
  white-space: nowrap;
}

.metrics-panel__link--button {
  background: none;
  border: 0;
  padding: 0;
  cursor: pointer;
}

.metrics-panel__link--button:disabled {
  color: #6e6b7b;
  cursor: default;
}

.metrics-panel__more {
  margin-top: 0.6rem;
  padding: 0;
  border: 0;
  background: none;
  font-size: 0.82rem;
  font-weight: 500;
  color: #2980b9;
  cursor: pointer;
}

.metrics-panel__more:hover {
  text-decoration: underline;
}

.metrics-panel__note {
  margin-bottom: 0.75rem;
  font-size: 0.82rem;
  color: #6e6b7b;
}

.dark-layout .metrics-panel__note {
  color: #b4b7bd;
}

.metrics-table {
  margin-bottom: 0;
}

.metrics-table td,
.metrics-table th {
  padding: 4px 8px;
}

.metrics-chip {
  display: inline-block;
  margin-left: 0.4rem;
  padding: 0.05rem 0.35rem;
  border-radius: 0.25rem;
  font-size: 0.82rem;
  font-weight: 400;
  letter-spacing: normal;
  text-transform: none;
  background: #ebe9f1;
  color: #6e6b7b;
}

.dark-layout .metrics-chip {
  background: #3b4253;
  color: #b4b7bd;
}

.metrics-flow {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 2rem;
}

.metrics-flow__item {
  min-width: 0;
}

.metrics-flow__item b {
  display: block;
  margin-top: 0.15rem;
  font-size: 1.15rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: #5e5873;
}

.dark-layout .metrics-flow__item b {
  color: #d0d2d6;
}

.metrics-flow__item--net {
  padding-left: 2rem;
  border-left: 1px solid #ebe9f1;
}

.dark-layout .metrics-flow__item--net {
  border-left-color: #3b4253;
}

@media (max-width: 575.98px) {
  .metrics-flow__item--net {
    padding-left: 0;
    border-left: 0;
  }
}

.metrics-stages {
  margin-top: 1.1rem;
}

.metrics-stage {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(60px, 1fr) auto;
  align-items: center;
  gap: 0.4rem 0.75rem;
  margin-top: 0.6rem;
}

.metrics-stage__name {
  font-size: 0.82rem;
  color: #6e6b7b;
}

.dark-layout .metrics-stage__name {
  color: #b4b7bd;
}

.metrics-stage__bar {
  height: 6px;
  border-radius: 0.25rem;
  background: #ebe9f1;
  overflow: hidden;
}

.dark-layout .metrics-stage__bar {
  background: #3b4253;
}

.metrics-stage__fill {
  height: 100%;
  background: #2980b9;
}

.metrics-stage__value {
  font-weight: 600;
  font-size: 0.857rem;
  color: #5e5873;
  text-align: right;
  font-variant-numeric: tabular-nums;
}

.dark-layout .metrics-stage__value {
  color: #d0d2d6;
}

.metrics-stage__meta {
  grid-column: 1/-1;
  font-size: 0.82rem;
  color: #6e6b7b;
}

.dark-layout .metrics-stage__meta {
  color: #b4b7bd;
}

.sales-quotes-summary__kpi-groups {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
  gap: 1rem 2.5rem;
}

@media (max-width: 991.98px) {
  .sales-quotes-summary__kpi-groups {
    grid-template-columns: minmax(0, 1fr);
  }
}

.sales-quotes-summary__kpi-group {
  min-width: 0;
}

.sales-quotes-summary__kpi-group + .sales-quotes-summary__kpi-group {
  padding-left: 2.5rem;
  border-left: 1px solid #ebe9f1;
}

.dark-layout .sales-quotes-summary__kpi-group + .sales-quotes-summary__kpi-group {
  border-left-color: #3b4253;
}

@media (max-width: 991.98px) {
  .sales-quotes-summary__kpi-group + .sales-quotes-summary__kpi-group {
    padding-left: 0;
    border-left: 0;
    padding-top: 1rem;
    border-top: 1px solid #ebe9f1;
  }

  .dark-layout .sales-quotes-summary__kpi-group + .sales-quotes-summary__kpi-group {
    border-top-color: #3b4253;
  }
}

.sales-quotes-summary__group-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.55rem;
}

.sales-quotes-summary__group-label {
  display: block;
  margin-bottom: 0.55rem;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5e5873;
}

.dark-layout .sales-quotes-summary__group-label {
  color: #d0d2d6;
}

.sales-quotes-summary__group-head .sales-quotes-summary__group-label {
  margin-bottom: 0;
}

.sales-quotes-summary__windows {
  display: inline-flex;
  gap: 0.15rem;
  flex-shrink: 0;
}

.sales-quotes-summary__window {
  padding: 0.05rem 0.4rem;
  border: 0;
  border-radius: 0.25rem;
  background: none;
  font-size: 0.82rem;
  font-variant-numeric: tabular-nums;
  line-height: 1.5;
  color: #6e6b7b;
  cursor: pointer;
}

.sales-quotes-summary__window:hover {
  background: #f6f6f9;
}

.sales-quotes-summary__window.is-active {
  background: #2980b9;
  color: #fff;
  font-weight: 600;
}

.dark-layout .sales-quotes-summary__window {
  color: #b4b7bd;
}

.dark-layout .sales-quotes-summary__window:hover {
  background: #242b3d;
}

.dark-layout .sales-quotes-summary__window.is-active {
  color: #fff;
}

.sales-quotes-summary__kpis {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 1.5rem;
}

.sales-quotes-summary__kpis > * {
  flex: 1 1 150px;
  max-width: 22rem;
}

.sales-quotes-summary__kpi {
  min-width: 0;
}

.sales-quotes-summary__kpi-label {
  font-size: 0.82rem;
  color: #6e6b7b;
}

.dark-layout .sales-quotes-summary__kpi-label {
  color: #b4b7bd;
}

.sales-quotes-summary__kpi-link {
  font-size: 0.82rem;
  color: #2980b9;
  background: none;
  border: 0;
  padding: 0;
  cursor: pointer;
  text-align: left;
}

.sales-quotes-summary__kpi-link:hover {
  text-decoration: underline;
}

.sales-quotes-summary__kpi-value {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-top: 0.2rem;
  font-size: 0.82rem;
  color: #6e6b7b;
}

.dark-layout .sales-quotes-summary__kpi-value {
  color: #b4b7bd;
}

.sales-quotes-summary__kpi-value b {
  font-size: 1.15rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: #5e5873;
}

.dark-layout .sales-quotes-summary__kpi-value b {
  color: #d0d2d6;
}

.sales-quotes-summary__kpi-value b.is-ok {
  color: #28c76f;
}

.sales-quotes-summary__kpi-value b.is-near {
  color: #ff9f43;
}

.sales-quotes-summary__kpi-value b.is-over {
  color: #ea5455;
}

.sales-quotes-summary__hint {
  display: block;
  margin-top: 0.3rem;
  font-size: 0.82rem;
  color: #6e6b7b;
}

.dark-layout .sales-quotes-summary__hint {
  color: #b4b7bd;
}

.sales-quotes-summary__hint--warn {
  color: #ff9f43;
}

.sales-quotes-summary__loading {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.account-summary-row {
  display: block;
  padding: 0.25rem 0.5rem;
  margin: 0 -0.5rem;
  border-radius: 0.25rem;
  transition: background-color 0.15s ease-in-out;
}

.account-summary-row:hover {
  background-color: #f6f6f9;
}

.dark-layout .account-summary-row:hover {
  background-color: #3b4253;
}

.new-widget-item {
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  margin-bottom: 5px;
  border: 1px dotted #ccc;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.3s ease;
  max-width: 300px;
  background: #ffffff85;
  padding: 15px 10px;
  font-weight: 500;
}

.new-widget-item:hover {
  background: #ffffff;
}

.date-changer {
  margin-left: auto;
}

.date-changer__field {
  min-width: 90px;
}

.date-changer__field .form-control {
  width: 100%;
}

@media (max-width: 767.98px) {
  .date-changer {
    width: 100%;
    margin-left: 0;
  }

  .date-changer__row {
    flex-direction: column;
    align-items: stretch !important;
    width: 100%;
  }

  .date-changer__field {
    width: 100%;
    min-width: 0;
    margin-right: 0 !important;
  }

  .date-changer__load {
    width: 100%;
    margin-top: 0.25rem;
  }
}

.date-changer .vc-popover-content-wrapper {
  z-index: 100 !important;
}

.card-statistics .card-body {
  padding: 1rem 1.25rem;
}

@media screen and (max-width: 760px) {
  .card-statistics .card-body {
    padding: 0.75rem;
  }
}

.sparkboxes .box {
  padding: 0;
  position: relative;
}

.sparkboxes .apexcharts-canvas {
  margin-left: auto;
  margin-right: auto;
}

.sparkboxes #apexcharts-subtitle-text {
  fill: #8799a2 !important;
}

@media screen and (max-width: 760px) {
  .sparkboxes .box {
    padding: 8px 0;
  }
}

#spark1,
#spark2,
#spark3,
#spark4 {
  position: relative;
  padding-top: 4px;
}

#sales-by-users-table.table tbody tr td {
  padding: 3px;
}

#sales-by-users-table.table thead tr th {
  padding-left: 5px;
}

.dark-layout .card-company-table td .b-avatar.badge-light-company {
  background: #161d31 !important;
}

.pos-shifts-tile .row-line {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0;
  border-bottom: 1px solid #ebe9f1;
}

.pos-shifts-tile .row-line:last-child {
  border-bottom: 0;
}

.pos-shifts-tile .dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-right: 4px;
}

.pos-shifts-tile .dot.open {
  background: #28c76f;
}

.pos-shifts-tile .dot.closed {
  background: #82868b;
}

.sheet-date {
  color: #dad4d4;
  font-size: 14px;
}

.fs14 {
  font-size: 14px;
}

.posting-impact-card {
  background: rgba(0, 207, 232, 0.06);
  border: 1px solid rgba(0, 207, 232, 0.3);
  border-left: 4px solid #00cfe8;
}

.posting-impact-card h5 {
  color: #5e5873;
  font-weight: 600;
}

.settings-page h4 {
  font-weight: 600;
}

.settings-search {
  max-width: 340px;
}

.account-manage-card {
  text-decoration: none;
  color: inherit;
}

.account-manage-card:hover {
  text-decoration: none;
  color: inherit;
}

.settings-pref-icon {
  width: 2rem;
  height: 2rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.375rem;
  background: rgba(41, 128, 185, 0.1);
  color: #2980b9;
}

.settings-accordion .card {
  margin-bottom: 0.75rem;
  border: 0;
  box-shadow: none;
}

.settings-count {
  margin-right: 0.6rem;
}

.collapse-shadow {
  box-shadow: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

.swal-icon {
  margin: 0 auto 20px auto !important;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  border: 2px solid #f8bb86;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #f8bb86;
}

.swal-icon i {
  font-size: 36px !important;
  line-height: 1;
}

.settings-card-item .link-desc {
  color: #575757 !important;
  margin-right: 30px;
}

.settings-card-item h6 {
  font-weight: 600;
}

.settings-card-item p {
  font-weight: 300;
}

.settings-card-item .icon-visit {
  position: absolute;
  background: #f8f8f8;
  bottom: 0;
  padding: 8px 20px;
  right: 0;
  border-top-left-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}

.settings-card-item .icon-visit i {
  font-size: 14px;
}

.settings-import-wizard .drop-zone {
  border: 2px dashed #ebe9f1;
  border-radius: 8px;
  padding: 2rem;
  cursor: pointer;
  transition: border-color 0.2s, background 0.2s;
}

.settings-import-wizard .drop-zone:hover,
.settings-import-wizard .drop-zone.drop-zone--over {
  border-color: #2980b9;
  background: #f0f7ff;
}

.settings-import-wizard .step-indicator {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #ebe9f1;
  color: #6e6b7b;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.85rem;
  flex-shrink: 0;
}

.settings-import-wizard .step-indicator.step-active {
  background: #2980b9;
  color: #ffffff;
}

.settings-import-wizard .step-indicator.step-done {
  background: #28c76f;
  color: #ffffff;
}

.settings-import-wizard .step-label {
  font-size: 0.875rem;
}

.settings-import-wizard .stat-pill {
  font-size: 0.9rem;
}

.settings-import-wizard .detected-headers {
  background: #f8f8f8;
  border: 1px solid #ebe9f1;
  border-radius: 6px;
  padding: 0.5rem 0.75rem;
  max-height: 100px;
  overflow-y: auto;
}

.customer-profit-centers .cpc-lead {
  font-size: 2.2rem;
  font-weight: 600;
  line-height: 1.1;
  color: #5e5873;
}

.customer-profit-centers .cpc-facts {
  text-align: right;
  font-size: 0.857rem;
}

.customer-profit-centers .cpc-bulk {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  margin-bottom: 0.75rem;
  border: 1px solid #ebe9f1;
  border-radius: 0.5rem;
}

.customer-profit-centers .cpc-bulk-select {
  min-width: 220px;
}

.customer-profit-centers .cpc-tag {
  font-size: 0.75rem;
  padding: 0.15rem 0.5rem;
  border-radius: 0.36rem;
  background: rgba(115, 103, 240, 0.08);
  color: #5e5873;
}

.customer-profit-centers .cpc-tag--mixed {
  background: rgba(255, 159, 67, 0.14);
}

.customer-profit-centers .cpc-scope {
  font-size: 0.857rem;
  color: #5e5873;
  background: rgba(115, 103, 240, 0.06);
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  margin-bottom: 0.75rem;
}

.customer-profit-centers .cpc-hint {
  font-size: 0.75rem;
  color: #6b6779;
}

.user-roles-view .perm-th {
  background: #f3f2f7;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #5e5873;
  padding: 0.6rem 1rem;
  white-space: nowrap;
  border-bottom: 1px solid #ebe9f1;
}

.user-roles-view .perm-td {
  padding: 0.5rem 1rem;
  font-size: 0.857rem;
  color: #6e6b7b;
  border-top: 1px solid #ebe9f1;
  vertical-align: middle;
}

.user-roles-view .additional-row td {
  background: #fafafc;
}

.user-roles-view .additional-label {
  padding-left: 1.25rem;
  font-size: 0.8rem;
}

.user-roles-view .module-row td {
  background: #f6f6f9;
  font-weight: 600;
  color: #5e5873;
  text-transform: uppercase;
  font-size: 0.82rem;
  letter-spacing: 0.06em;
}

.user-roles-view .module-icon {
  color: #2980b9;
}

.notif-prefs .notif-section {
  border-top: 1px solid #ebe9f1;
  padding: 0.75rem 0;
}

.notif-prefs .notif-section:first-of-type {
  border-top: 0;
  padding-top: 0.25rem;
}

.notif-prefs .notif-section--footer {
  border-top: 1px solid #ebe9f1;
  padding-top: 0.75rem;
}

.notif-prefs .notif-section__head {
  margin-bottom: 0.5rem;
}

.notif-prefs .notif-inline-row {
  margin-top: 0.25rem;
  row-gap: 0.25rem;
}

.notif-prefs .notif-time {
  width: 110px;
  display: inline-block;
}

.notif-prefs .notif-priority {
  width: 130px;
}

.notif-prefs .notif-tz {
  width: 220px;
}

.notif-prefs .notif-table th {
  font-size: 0.7rem;
  text-transform: uppercase;
  color: #5e5873;
}

.notif-prefs .notif-table td {
  vertical-align: middle;
  padding: 0.4rem 0.5rem;
}

.user-edit-tabs {
  gap: 0.5rem;
  border-bottom: 1px solid #ececec;
  padding-bottom: 0.5rem;
}

.user-edit-tabs .nav-link {
  border-radius: 999px;
  font-weight: 600;
  padding: 0.45rem 1rem;
  color: #5b5b5b;
}

.user-edit-tabs .nav-link.active {
  background-color: #3b82f6;
  color: #ffffff;
  box-shadow: 0 6px 16px rgba(59, 130, 246, 0.25);
}

.user-edit-tabs__content {
  padding-top: 1rem;
}

.settings-rules-form tr th,
.settings-rules-form tr td,
.role-edit-modal tr th,
.role-edit-modal tr td {
  padding: 0 !important;
  border: 0 !important;
}

.settings-rules-form tr thead td,
.role-edit-modal tr thead td {
  font-size: 12px;
  font-weight: bold;
}

.settings-rules-form tr td,
.role-edit-modal tr td {
  padding-left: 2px !important;
  padding-right: 2px !important;
}

.settings-rules-form .header label,
.role-edit-modal .header label {
  font-weight: bold;
  color: black;
}

.role-edit-modal tr th,
.role-edit-modal tr td {
  padding: 2px !important;
}

.color-choose {
  border-radius: 6px;
  position: relative;
}

.color-choose .fa {
  position: absolute;
  color: #fff;
  left: 50%;
  transform: translate(0%, -50%);
  top: 50%;
  background: #2c2c2c;
  padding: 2px;
  border-radius: 50%;
}

.work-order-statuses-form .table th,
.work-order-statuses-form .table td {
  padding: 0 !important;
  border: 0 !important;
}

.color-swatch {
  display: inline-block;
  width: 22px;
  height: 22px;
  border-radius: 4px;
  border: 1px solid #ebe9f1;
  vertical-align: middle;
}

.display-type-options {
  display: flex;
  align-items: center;
}

.iic-verification .iic-result {
  padding: 0.75rem 1rem;
  border: 1px solid #ebe9f1;
  border-radius: 0.5rem;
}

.iic-verification .iic-value {
  font-family: "DM Mono", "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1.35rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  word-break: break-all;
}

.delete-custom {
  position: absolute;
  top: -25px;
  right: 10px;
  z-index: 1;
  border-radius: 6px;
  padding: 5px 10px;
  background-color: #ea5455;
  color: #fff;
  font-size: 12px;
}

.tree-node {
  border-bottom: 3px solid #f8f8f8;
  margin-bottom: 12px;
  padding-bottom: 12px;
}

.rounding-schemes-form .rounding-band-row label {
  font-size: 0.85rem;
}

.rounding-schemes-form .rounding-preview {
  background: rgba(0, 0, 0, 0.02);
  border-radius: 6px;
  padding: 0.75rem 1rem;
}

@media print {
  .price-lists-view .card,
  .price-lists-view .card-body {
    box-shadow: none !important;
    margin: 0;
    padding: 0;
    margin-top: 12px;
  }
}

.balance-history-date,
.balance-history-balance {
  font-variant-numeric: tabular-nums;
}

.balance-history-balance {
  opacity: 0.92;
}

.share-link-text {
  padding: 0.4rem 0.6rem;
  border-radius: 0.43rem;
  background: rgba(34, 41, 47, 0.04);
  word-break: break-all;
}

.travel-expense-settings-form .readonly input {
  padding: 0 !important;
  flex-grow: 0 !important;
}

.py-25 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.custom-fields-form .input-button {
  font-size: 12px;
  height: 32px;
}

.partner-ledger-totals {
  font-size: 0.857rem;
}

.bank-account-view .register-date,
.bank-account-view .register-amount,
.bank-account-view .register-balance {
  font-variant-numeric: tabular-nums;
}

.admin-dashboard {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  background: #f9fafb;
}

.admin-dashboard h1 {
  font-size: 2.5rem;
  color: #2c3e50;
  font-weight: 600;
}

.tenant-admin-shell {
  min-height: 100vh;
  background: #f4f7fa;
  color: #33404c;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.tenant-admin-shell .ta-topbar {
  position: sticky;
  top: 0;
  z-index: 100;
  background: rgba(255, 255, 255, 0.94);
  backdrop-filter: blur(8px);
  border-bottom: 1px solid #e3e9ef;
}

.tenant-admin-shell .ta-topbar-accent {
  height: 3px;
  background: #2980b9;
}

.tenant-admin-shell .ta-topbar-inner {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0.75rem 1.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.tenant-admin-shell .ta-brand {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  min-width: 0;
}

.tenant-admin-shell .ta-brand-mark {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  border-radius: 9px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(41, 128, 185, 0.14);
  color: #1f618d;
  font-size: 0.9rem;
}

.tenant-admin-shell .ta-brand-title {
  font-weight: 600;
  font-size: 1.05rem;
  letter-spacing: -0.01em;
  color: #22303c;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tenant-admin-shell .ta-nav {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  min-width: 0;
  overflow-x: auto;
  scrollbar-width: none;
}

.tenant-admin-shell .ta-nav::-webkit-scrollbar {
  display: none;
}

.tenant-admin-shell .ta-nav-link {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.4rem 0.85rem;
  border-radius: 8px;
  color: #5c6b78;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.2;
  white-space: nowrap;
  transition: color 0.15s ease, background-color 0.15s ease;
}

.tenant-admin-shell .ta-nav-link:hover,
.tenant-admin-shell .ta-nav-link:focus {
  color: #1f618d;
  background: rgba(41, 128, 185, 0.08);
}

.tenant-admin-shell .ta-nav-link--active,
.tenant-admin-shell .ta-nav-link--active:hover,
.tenant-admin-shell .ta-nav-link--active:focus {
  color: #ffffff;
  background: #1f618d;
}

.tenant-admin-shell .ta-nav-icon {
  font-size: 0.8rem;
}

.tenant-admin-shell .ta-back {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.4rem 0.9rem;
  border: 1px solid #dfe6ed;
  border-radius: 8px;
  background: #ffffff;
  color: #5c6b78;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.2;
  transition: color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

.tenant-admin-shell .ta-back:hover,
.tenant-admin-shell .ta-back:focus {
  color: #1f618d;
  border-color: rgba(41, 128, 185, 0.5);
  box-shadow: 0 1px 5px rgba(41, 128, 185, 0.16);
}

.tenant-admin-shell .ta-back-icon {
  font-size: 0.72rem;
}

.tenant-admin-shell .ta-content {
  max-width: 1180px;
  margin: 0 auto;
  padding: 2rem 1.5rem 3rem;
}

@media (max-width: 767.98px) {
  .tenant-admin-shell .ta-topbar-inner {
    flex-wrap: wrap;
  }

  .tenant-admin-shell .ta-nav {
    order: 3;
    flex: 1 0 100%;
    padding-top: 0.5rem;
  }
}

@media (max-width: 575.98px) {
  .tenant-admin-shell .ta-topbar-inner {
    padding: 0.6rem 1rem;
  }

  .tenant-admin-shell .ta-content {
    padding: 1.25rem 1rem 2.25rem;
  }
}

.ta-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.9rem;
  padding: 5rem 1rem;
  text-align: center;
}

.ta-state-icon {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(41, 128, 185, 0.1);
  color: #1f618d;
  font-size: 1.15rem;
}

.ta-state-text {
  margin: 0;
  color: #7c8794;
  font-size: 0.95rem;
  max-width: 30rem;
}

.ta-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1.25rem;
  background: #ffffff;
  border: 1px solid #e4eaf0;
  border-radius: 14px;
  box-shadow: 0 1px 3px rgba(15, 30, 45, 0.04);
  padding: 1.5rem 1.75rem;
  margin-bottom: 1.5rem;
}

.ta-hero-main {
  min-width: 0;
}

.ta-hero-title {
  margin: 0 0 0.4rem;
  font-size: 1.55rem;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: #22303c;
}

.ta-hero-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem 1.25rem;
}

.ta-hero-meta-item {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  color: #7c8794;
  font-size: 0.9rem;
}

.ta-hero-meta-item .fa-solid {
  font-size: 0.78rem;
  color: rgba(41, 128, 185, 0.65);
}

.ta-hero-stats {
  display: flex;
  align-items: center;
  gap: 1.75rem;
  padding-left: 1.75rem;
  border-left: 1px solid #e4eaf0;
}

.ta-stat {
  text-align: center;
  min-width: 4.25rem;
}

.ta-stat .ta-stat-value {
  display: block;
  font-size: 1.65rem;
  line-height: 1.15;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #1f618d;
  font-variant-numeric: tabular-nums;
}

.ta-stat .ta-stat-label {
  display: block;
  margin-top: 0.15rem;
  color: #7c8794;
  font-size: 0.75rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.ta-stat-divider {
  align-self: stretch;
  width: 1px;
  background: #e4eaf0;
}

.ta-section {
  margin-bottom: 1.5rem;
  border: 1px solid #e4eaf0;
  border-radius: 14px;
  box-shadow: 0 1px 3px rgba(15, 30, 45, 0.04);
}

.ta-section .card-body {
  padding: 1.5rem 1.75rem;
  display: flex;
  flex-direction: column;
}

.ta-fill {
  flex: 1 1 auto;
}

.ta-card-head {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding-bottom: 1rem;
  margin-bottom: 1.25rem;
  border-bottom: 1px solid #edf1f5;
}

.ta-card-icon {
  flex-shrink: 0;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(41, 128, 185, 0.1);
  color: #1f618d;
  font-size: 0.85rem;
}

.ta-card-title {
  margin: 0;
  font-size: 1.05rem;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: #22303c;
}

.ta-count {
  margin-left: auto;
  min-width: 1.7rem;
  padding: 0.15rem 0.55rem;
  border-radius: 999px;
  background: #eff3f7;
  color: #7c8794;
  font-size: 0.78rem;
  font-weight: 600;
  text-align: center;
  font-variant-numeric: tabular-nums;
}

.ta-card-actions {
  margin-top: auto;
  padding-top: 1.25rem;
}

.ta-card-actions--center {
  margin-top: 0;
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ta-cta {
  border-radius: 8px;
  font-weight: 500;
  box-shadow: 0 2px 6px rgba(41, 128, 185, 0.25);
}

.ta-cta-wide {
  min-width: 16rem;
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}

.ta-ghost {
  border-radius: 8px;
  font-weight: 500;
}

.ta-plan-name {
  margin: 0 0 0.35rem;
  font-size: 1.35rem;
  font-weight: 600;
  letter-spacing: -0.015em;
  color: #22303c;
}

.ta-plan-desc {
  margin: 0 0 1rem;
  color: #7c8794;
  font-size: 0.92rem;
  line-height: 1.5;
}

.ta-plan-validity {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  padding: 0.65rem 0.9rem;
  border-radius: 10px;
  background: #f6f9fc;
  border: 1px solid #e9eff5;
  font-size: 0.88rem;
  color: #4a5866;
}

.ta-plan-validity-icon {
  color: rgba(41, 128, 185, 0.7);
  font-size: 0.82rem;
}

.ta-plan-validity-label {
  color: #7c8794;
}

.ta-plan-validity-date {
  color: #22303c;
  font-weight: 600;
}

.ta-plan-days {
  margin-left: auto;
  padding: 0.15rem 0.6rem;
  border-radius: 999px;
  background: rgba(41, 128, 185, 0.1);
  color: #1f618d;
  font-size: 0.78rem;
  font-weight: 600;
  white-space: nowrap;
}

.ta-metric-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}

.ta-metric {
  text-align: center;
  padding: 0.85rem 0.5rem;
  border-radius: 10px;
  background: #f6f9fc;
  border: 1px solid #e9eff5;
}

.ta-metric-value {
  display: block;
  font-size: 1.15rem;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: #22303c;
  font-variant-numeric: tabular-nums;
}

.ta-metric-label {
  display: block;
  margin-top: 0.2rem;
  color: #7c8794;
  font-size: 0.72rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.ta-subhead {
  color: #7c8794;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-bottom: 0.75rem;
}

.ta-bar-row {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  padding: 0.3rem 0;
}

.ta-bar-row + .ta-bar-row {
  border-top: 1px dashed #edf1f5;
}

.ta-bar-label {
  width: 130px;
  flex-shrink: 0;
  font-size: 0.88rem;
  font-weight: 500;
  color: #4a5866;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ta-bar {
  flex: 1;
  height: 7px;
  background: #edf1f5;
  border-radius: 999px;
  overflow: hidden;
}

.ta-bar-fill {
  height: 100%;
  min-width: 7px;
  background: #2980b9;
  border-radius: 999px;
  transition: width 0.4s ease;
}

.ta-bar-fill.is-warn {
  background: #eba24b;
}

.ta-bar-fill.is-danger {
  background: #d9564a;
}

.ta-bar-value-wide {
  width: 118px;
}

.ta-chart {
  margin-bottom: 0.25rem;
  transition: opacity 0.2s ease;
}

.ta-chart.is-busy {
  opacity: 0.45;
  pointer-events: none;
}

.ta-chart-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 1.25rem;
  margin-bottom: 0.6rem;
}

.ta-subhead-flush {
  margin: 0;
}

.ta-chart-controls {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

.ta-toggle {
  display: inline-flex;
  padding: 2px;
  border-radius: 7px;
  background: #eef2f6;
}

.ta-toggle-btn {
  border: 0;
  background: transparent;
  padding: 0.15rem 0.5rem;
  border-radius: 5px;
  font-size: 0.74rem;
  font-weight: 500;
  color: #7c8794;
  line-height: 1.5;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease;
}

.ta-toggle-btn:hover:not(:disabled) {
  color: #4a5866;
}

.ta-toggle-btn:disabled {
  cursor: default;
}

.ta-toggle-btn.is-on {
  background: #ffffff;
  color: #1f618d;
  box-shadow: 0 1px 2px rgba(15, 30, 45, 0.12);
}

.ta-chart-plot {
  position: relative;
  display: flex;
  align-items: flex-end;
  gap: 2px;
  height: 140px;
  padding-left: 3.6rem;
  padding-bottom: 0.35rem;
  border-bottom: 1px solid #e4eaf0;
}

.ta-chart-grid {
  position: absolute;
  left: 3.6rem;
  right: 0;
  border-top: 1px dashed #e8edf2;
  pointer-events: none;
}

.ta-chart-grid-value {
  position: absolute;
  right: 100%;
  top: -0.6em;
  padding-right: 0.45rem;
  font-size: 0.68rem;
  color: #7c8794;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.ta-chart-col {
  position: relative;
  flex: 1;
  min-width: 0;
  height: 100%;
  display: flex;
  align-items: flex-end;
  border-radius: 3px;
  cursor: default;
}

.ta-chart-col:hover {
  background: rgba(41, 128, 185, 0.07);
}

.ta-chart-col-fill {
  width: 100%;
  min-height: 2px;
  background: #2980b9;
  border-radius: 3px 3px 0 0;
  transition: height 0.4s ease;
}

.ta-chart-col-fill.is-empty {
  background: #dfe6ed;
}

.ta-chart-col-fill.is-current {
  background: #1f618d;
}

.ta-chart-axis {
  position: relative;
  height: 1.05rem;
  margin-left: 3.6rem;
  margin-top: 0.3rem;
}

.ta-chart-tick {
  position: absolute;
  top: 0;
  font-size: 0.72rem;
  color: #7c8794;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  transform: translateX(-50%);
}

.ta-chart-tick.is-current {
  color: #1f618d;
  font-weight: 600;
}

.ta-chart-tick:first-child {
  transform: none;
}

.ta-chart-tick:last-child {
  transform: translateX(-100%);
}

.ta-chart-legend {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.15rem 0.75rem;
  margin-top: 0.15rem;
  padding-top: 0.4rem;
  border-top: 1px dashed #edf1f5;
  font-size: 0.78rem;
  color: #7c8794;
  font-variant-numeric: tabular-nums;
}

.ta-chart-legend strong {
  font-weight: 600;
  color: #4a5866;
}

.ta-subhead-spaced {
  margin-top: 1.25rem;
}

.ta-limits {
  margin-top: 1rem;
}

.ta-metric-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-bottom: 0;
}

.ta-fiscal-block + .ta-fiscal-block {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px dashed #edf1f5;
}

.ta-event-icon {
  font-size: 0.78rem;
  width: 16px;
  text-align: center;
}

.ta-event-created {
  color: #28c76f;
}

.ta-event-updated {
  color: #eba24b;
}

.ta-event-deleted {
  color: #d9564a;
}

.ta-event-other {
  color: #7c8794;
}

.ta-system .card-body {
  padding: 1.1rem 1.75rem;
}

.ta-system-inner {
  display: flex;
  align-items: center;
  gap: 2rem;
  flex-wrap: wrap;
}

.ta-system-version {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-shrink: 0;
}

.ta-system-changelog {
  display: flex;
  gap: 2rem;
  flex-wrap: wrap;
  flex: 1;
  min-width: 0;
}

.ta-changelog-entry {
  flex: 1;
  min-width: 180px;
  max-width: 300px;
}

.ta-changelog-head {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
}

.ta-changelog-version {
  font-weight: 600;
  font-size: 0.85rem;
  color: #1f618d;
}

.ta-changelog-text {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.ta-more {
  display: block;
  width: 100%;
  margin-top: 0.5rem;
  padding: 0.4rem 0;
  border: none;
  background: none;
  color: #7c8794;
  font-size: 0.8rem;
  font-weight: 500;
  text-align: center;
  cursor: pointer;
  border-radius: 8px;
  transition: color 0.15s ease, background-color 0.15s ease;
}

.ta-more .fa-solid {
  font-size: 0.68rem;
}

.ta-more:hover {
  color: #1f618d;
  background: rgba(41, 128, 185, 0.06);
}

.ta-more-wrap {
  margin: 0.25rem -0.5rem -0.75rem;
}

.ta-storage-total {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  margin-top: 0.75rem;
  padding-top: 0.75rem;
  border-top: 1px solid #e4eaf0;
  font-weight: 600;
  color: #22303c;
}

.ta-storage-total .ta-storage-total-value {
  color: #1f618d;
  font-variant-numeric: tabular-nums;
}

.ta-bar-value {
  width: 84px;
  flex-shrink: 0;
  text-align: right;
  font-size: 0.82rem;
  color: #7c8794;
  font-variant-numeric: tabular-nums;
}

.ta-table {
  margin: 0 -1.75rem -1.5rem;
  width: auto;
}

.ta-table table {
  margin-bottom: 0;
  font-size: 0.92rem;
}

.ta-table table thead th {
  background: #f6f9fc;
  border-top: none;
  border-bottom: 1px solid #e4eaf0;
  color: #7c8794;
  font-size: 0.72rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  padding: 0.7rem 1rem;
  white-space: nowrap;
}

.ta-table table thead th:first-child {
  padding-left: 1.75rem;
}

.ta-table table thead th:last-child {
  padding-right: 1.75rem;
}

.ta-table table tbody td {
  padding: 0.8rem 1rem;
  border-top: 1px solid #f0f4f1;
  color: #4a5866;
  vertical-align: middle;
}

.ta-table table tbody td:first-child {
  padding-left: 1.75rem;
}

.ta-table table tbody td:last-child {
  padding-right: 1.75rem;
}

.ta-table table tbody tr {
  transition: background-color 0.12s ease;
}

.ta-table table tbody tr:hover {
  background: rgba(41, 128, 185, 0.045);
}

.ta-cell-strong {
  font-weight: 600;
  color: #22303c;
}

.ta-cell-muted {
  color: #c3ccd4;
}

.ta-code {
  padding: 0.15rem 0.45rem;
  border-radius: 6px;
  background: #eff3f7;
  color: #4a5866;
  font-size: 0.8rem;
}

.ta-badge {
  font-weight: 600;
  font-size: 0.74rem;
  letter-spacing: 0.02em;
  padding: 0.35rem 0.7rem;
}

.ta-badge-dot {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  margin-right: 0.3rem;
  vertical-align: 1px;
}

.ta-badge-dot.is-on {
  background: #28c76f;
}

.ta-badge-dot.is-off {
  background: #b7c0c9;
}

.ta-empty {
  padding: 0.75rem 0;
}

.ta-empty-text {
  margin: 0;
  color: #7c8794;
  font-size: 0.9rem;
  line-height: 1.55;
  max-width: 22rem;
}

.ta-metric-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ta-metric-bad {
  background: #fdf3f2;
  border-color: #f6ded9;
}

.ta-metric-bad .ta-metric-value {
  color: #b0453a;
}

.ta-mini-row {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.45rem 0;
  font-size: 0.85rem;
}

.ta-mini-row + .ta-mini-row {
  border-top: 1px dashed #edf1f5;
}

.ta-mini-main {
  font-weight: 500;
  color: #4a5866;
  flex: 1 1 auto;
  min-width: 0;
}

.ta-mini-sub {
  color: #7c8794;
  font-size: 0.78rem;
  max-width: 130px;
}

.ta-mini-time {
  margin-left: auto;
  flex-shrink: 0;
  color: #7c8794;
  font-size: 0.75rem;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.ta-warn-icon {
  color: #e0a800;
  font-size: 0.78rem;
}

.ta-fail-icon {
  color: #d9564a;
  font-size: 0.8rem;
}

.ta-twofa-score {
  text-align: center;
  padding: 0.9rem 0.5rem 1.1rem;
  border-radius: 10px;
  background: #f6f9fc;
  border: 1px solid #e9eff5;
  margin-bottom: 1.25rem;
}

.ta-twofa-score .ta-twofa-value {
  display: block;
  font-size: 1.9rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #1f618d;
  font-variant-numeric: tabular-nums;
}

.ta-overlay {
  position: fixed;
  inset: 0;
  z-index: 1050;
  background: rgba(15, 25, 35, 0.45);
  backdrop-filter: blur(3px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.5rem;
}

.ta-overlay-panel {
  width: 100%;
  max-width: 900px;
  max-height: calc(100vh - 3rem);
  overflow-y: auto;
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 18px 50px rgba(10, 20, 30, 0.22);
  padding: 1.75rem 2rem 2rem;
}

.ta-overlay-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1.5rem;
}

.ta-overlay-title {
  margin: 0 0 0.2rem;
  font-size: 1.35rem;
  font-weight: 600;
  letter-spacing: -0.015em;
  color: #22303c;
}

.ta-overlay-sub {
  margin: 0;
  color: #7c8794;
  font-size: 0.9rem;
}

.ta-overlay-close {
  flex-shrink: 0;
  width: 34px;
  height: 34px;
  border: none;
  border-radius: 10px;
  background: #eff3f7;
  color: #7c8794;
  cursor: pointer;
  font-size: 0.95rem;
  transition: all 0.15s ease;
}

.ta-overlay-close:hover {
  background: #e7edf3;
  color: #22303c;
}

.ta-plans {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 1rem;
}

.ta-plan-card {
  position: relative;
  display: flex;
  flex-direction: column;
  border: 1px solid #e4eaf0;
  border-radius: 14px;
  padding: 1.5rem 1.25rem 1.25rem;
  background: #ffffff;
  transition: box-shadow 0.15s ease, border-color 0.15s ease;
}

.ta-plan-card:hover {
  border-color: rgba(41, 128, 185, 0.45);
  box-shadow: 0 4px 14px rgba(15, 30, 45, 0.07);
}

.ta-plan-card.is-recommended {
  border-color: #2980b9;
  box-shadow: 0 4px 16px rgba(41, 128, 185, 0.14);
}

.ta-plan-card.is-current {
  background: #f8fafc;
}

.ta-plan-flag {
  position: absolute;
  top: -0.7rem;
  left: 50%;
  transform: translateX(-50%);
  padding: 0.2rem 0.75rem;
  border-radius: 999px;
  background: #2980b9;
  color: #fff;
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  white-space: nowrap;
}

.ta-plan-flag-muted {
  background: #dfe6ec;
  color: #5c6b78;
}

.ta-plan-card-name {
  margin: 0 0 0.5rem;
  font-size: 1.1rem;
  font-weight: 600;
  color: #22303c;
  text-align: center;
}

.ta-plan-card-price {
  text-align: center;
  margin-bottom: 0.75rem;
}

.ta-price-value {
  font-size: 1.7rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #1f618d;
  font-variant-numeric: tabular-nums;
}

.ta-price-period {
  color: #7c8794;
  font-size: 0.8rem;
}

.ta-price-ask {
  display: inline-block;
  padding: 0.35rem 0;
  color: #7c8794;
  font-size: 0.95rem;
  font-weight: 500;
}

.ta-plan-card-desc {
  flex: 1 1 auto;
  margin: 0 0 1rem;
  color: #7c8794;
  font-size: 0.85rem;
  line-height: 1.5;
  text-align: center;
}

.ta-plan-choose {
  border-radius: 8px;
  font-weight: 500;
}

.ta-checkout {
  display: grid;
  grid-template-columns: 5fr 6fr;
  gap: 1.5rem;
}

.ta-checkout-summary {
  border: 1px solid #e4eaf0;
  border-radius: 12px;
  background: #f6f9fc;
  padding: 1.25rem 1.4rem;
  align-self: start;
}

.ta-summary-row {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.4rem 0;
  font-size: 0.92rem;
}

.ta-summary-label {
  color: #7c8794;
}

.ta-summary-value {
  font-weight: 600;
  color: #22303c;
}

.ta-summary-total {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  margin-top: 0.6rem;
  padding-top: 0.75rem;
  border-top: 1px solid #e4eaf0;
  font-weight: 600;
  color: #22303c;
}

.ta-summary-total-value {
  font-size: 1.15rem;
  color: #1f618d;
  font-variant-numeric: tabular-nums;
}

.ta-pay-btn {
  padding-top: 0.7rem;
  padding-bottom: 0.7rem;
  font-size: 1rem;
}

.ta-pay-secure {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  margin-top: 0.6rem;
  color: #7c8794;
  font-size: 0.8rem;
}

.ta-pay-secure .fa-solid {
  font-size: 0.72rem;
  color: rgba(41, 128, 185, 0.7);
}

.ta-pay-divider {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin: 1.1rem 0;
  color: #7c8794;
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.ta-pay-divider::before,
.ta-pay-divider::after {
  content: "";
  flex: 1;
  height: 1px;
  background: #e4eaf0;
}

.ta-pay-note-label {
  display: block;
  margin-bottom: 0.35rem;
  color: #7c8794;
  font-size: 0.82rem;
  font-weight: 500;
}

.ta-checkout-back {
  display: inline-flex;
  align-items: center;
  margin-top: 1rem;
  border: none;
  background: none;
  color: #7c8794;
  font-size: 0.85rem;
  cursor: pointer;
}

.ta-checkout-back:hover {
  color: #1f618d;
}

@media (max-width: 767.98px) {
  .ta-checkout {
    grid-template-columns: 1fr;
  }

  .ta-overlay {
    padding: 0.75rem;
  }

  .ta-overlay-panel {
    padding: 1.25rem 1.25rem 1.5rem;
  }
}

@media (max-width: 991.98px) {
  .ta-hero {
    padding: 1.25rem 1.5rem;
  }

  .ta-hero-stats {
    width: 100%;
    border-left: none;
    padding-left: 0;
    padding-top: 1rem;
    border-top: 1px solid #e4eaf0;
    justify-content: flex-start;
  }
}

@media (max-width: 575.98px) {
  .ta-hero {
    padding: 1.15rem 1.25rem;
  }

  .ta-hero-title {
    font-size: 1.3rem;
  }

  .ta-section .card-body {
    padding: 1.15rem 1.25rem;
  }

  .ta-metric-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.6rem;
  }

  .ta-bar-label {
    width: 96px;
  }

  .ta-bar-value {
    width: 70px;
  }

  .ta-plan-days {
    margin-left: 0;
  }

  .ta-table {
    margin: 0 -1.25rem -1.15rem;
  }

  .ta-table table thead th:first-child,
  .ta-table table tbody td:first-child {
    padding-left: 1.25rem;
  }

  .ta-table table thead th:last-child,
  .ta-table table tbody td:last-child {
    padding-right: 1.25rem;
  }
}

.tenant-admin-shell .form-section {
  margin-bottom: 1.5rem;
  border: 1px solid #e4eaf0;
  border-radius: 14px;
  box-shadow: 0 1px 3px rgba(15, 30, 45, 0.04);
}

.tenant-admin-shell .form-section > .card-body {
  padding: 1.5rem 1.75rem;
}

.tenant-admin-shell .form-section__title {
  color: #22303c;
}

.tenant-admin-shell .form-section__description,
.tenant-admin-shell .form-grid.row .form-grid__hint,
.tenant-admin-shell .form-switch-row__hint {
  color: #4a5866;
}

.ta-policy-alert {
  margin-bottom: 1.5rem;
}

.ta-policy-compliance.ta-metric-grid {
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  margin-bottom: 0;
}

.ta-metric-warn {
  background: #fff7ee;
  border-color: #f7e2cb;
}

.ta-metric-warn .ta-metric-value {
  color: #9a5b12;
}

.ta-policy-actions {
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
  padding-top: 0.5rem;
}

.ta-alert {
  margin-bottom: 1.5rem;
}

.ta-overlay-panel--form {
  max-width: 620px;
}

.ta-overlay-panel--confirm {
  max-width: 480px;
}

.ta-overlay-actions {
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
  margin-top: 1.5rem;
}

.ta-confirm-text {
  margin: 0;
  color: #4a5866;
  font-size: 0.92rem;
  line-height: 1.6;
}

.ta-confirm-note {
  margin-top: 0.6rem;
  color: #7c8794;
  font-size: 0.85rem;
}

.ta-select-sub {
  color: #7c8794;
  font-size: 0.8rem;
}

.ta-row-action {
  white-space: nowrap;
  border-radius: 8px;
  font-weight: 500;
}

.ta-rebook-when {
  margin-left: 0.35rem;
  font-weight: 500;
  opacity: 0.75;
  font-variant-numeric: tabular-nums;
}

.ta-table--actions table tbody td:last-child {
  text-align: right;
}

.fleet-page .btn {
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, transform 160ms cubic-bezier(0.23, 1, 0.32, 1);
}

.fleet-page .btn:active {
  transform: scale(0.96);
}

.fleet-page .spinner-border {
  animation-duration: 0.55s;
}

.fleet-page .fleet-kpi-card {
  width: 100%;
  padding: 0;
  border: 0;
  text-align: left;
  font: inherit;
  color: inherit;
  cursor: pointer;
  transition: box-shadow 0.15s ease-in-out;
}

.fleet-page .fleet-kpi-card:hover {
  box-shadow: 0 4px 25px 0 rgba(34, 41, 47, 0.15);
}

.fleet-page .fleet-kpi-card:focus-visible {
  outline: 2px solid #2980b9;
  outline-offset: 2px;
}

.fleet-page .fleet-kpi-card.active {
  box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.1), 0 0 0 2px rgba(41, 128, 185, 0.5);
}

.fleet-modal .btn {
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, transform 160ms cubic-bezier(0.23, 1, 0.32, 1);
}

.fleet-modal .btn:active {
  transform: scale(0.96);
}

.fleet-modal .spinner-border {
  animation-duration: 0.55s;
}

.fleet-empty-state {
  text-align: center;
  padding: 2rem 1rem;
}

.fleet-empty-state .fleet-empty-icon {
  width: 44px;
  height: 44px;
  margin: 0 auto 0.75rem;
  border-radius: 50%;
  background: rgba(41, 128, 185, 0.1);
  color: #2980b9;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
}

.fleet-empty-state h5 {
  margin-bottom: 0.25rem;
}

.fleet-empty-state p {
  margin-bottom: 1rem;
}

.fleet-empty-state .fleet-empty-icon.fleet-error-icon {
  background: rgba(234, 84, 85, 0.1);
  color: #ea5455;
}

.fleet-map-expand-overlay {
  position: absolute;
  inset: 0;
  z-index: 500;
  cursor: zoom-in;
  background: transparent;
  border: 0;
  padding: 0;
}

.fleet-map-expand-overlay:focus-visible {
  outline: 2px solid #2980b9;
  outline-offset: -2px;
}

.fleet-map-expand-icon {
  position: absolute;
  right: 10px;
  bottom: 10px;
  background: rgba(255, 255, 255, 0.85);
  color: #5e5873;
  border-radius: 0.375rem;
  padding: 4px 8px;
  box-shadow: 0 2px 8px rgba(34, 41, 47, 0.15);
  transition: background 0.15s ease;
}

@media (hover: hover) and (pointer: fine) {
  .fleet-map-expand-overlay:hover .fleet-map-expand-icon {
    background: #ffffff;
  }
}

.fleet-sk {
  position: relative;
  overflow: hidden;
  border-radius: 4px;
  background: #ebe9f1;
}

.fleet-sk::after {
  content: "";
  position: absolute;
  inset: 0;
  transform: translateX(-100%);
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.6), transparent);
  animation: fleet-sk-shimmer 1.3s infinite;
}

.fleet-sk-circle {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  flex: none;
}

.fleet-sk-line {
  height: 10px;
  margin-bottom: 0.75rem;
}

.fleet-sk-line:last-child {
  margin-bottom: 0;
}

@keyframes fleet-sk-shimmer {
  to {
    transform: translateX(100%);
  }
}

.dark-layout .fleet-sk {
  background: #3b4253;
}

.dark-layout .fleet-sk::after {
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.08), transparent);
}

@media (prefers-reduced-motion: reduce) {
  .fleet-page .btn:active,
  .fleet-modal .btn:active {
    transform: none;
  }

  .fleet-sk::after {
    animation: none;
  }
}

.ai-fill-preview {
  border: 1px solid #ededed;
  border-radius: 0.72rem;
  overflow: hidden;
}

.ai-fill-preview__head,
.ai-fill-preview__row {
  display: grid;
  grid-template-columns: minmax(140px, 1.1fr) minmax(90px, 1fr) 24px minmax(110px, 1.2fr);
  gap: 6px 10px;
  align-items: baseline;
  padding: 7px 12px;
}

.ai-fill-preview__head {
  background: rgba(41, 128, 185, 0.05);
  color: #716e87;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.ai-fill-preview__row {
  border-top: 1px solid #ededed;
  font-size: 13.5px;
}

.ai-fill-preview__row.is-replace {
  background: rgba(255, 159, 67, 0.06);
}

.ai-fill-preview__label {
  color: #716e87;
}

.ai-fill-preview__old {
  color: #9a97a5;
}

.is-replace .ai-fill-preview__old {
  text-decoration: line-through;
}

.ai-fill-preview__arrow {
  color: #9a97a5;
  text-align: center;
}

.ai-fill-preview__new {
  color: #5e5873;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}

.ai-fill-preview__badge {
  display: inline-block;
  margin-left: 8px;
  padding: 1px 7px;
  border-radius: 999px;
  background: rgba(255, 159, 67, 0.16);
  color: #e67100;
  font-size: 11px;
  font-weight: 600;
}

.dark-layout .ai-fill-preview {
  border-color: #3b4253;
}

.dark-layout .ai-fill-preview__head {
  background: #242b3d;
}

.dark-layout .ai-fill-preview__row {
  border-top-color: #3b4253;
}

.dark-layout .ai-fill-preview__new {
  color: #d0d2d6;
}

.lease-next-step {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 14px;
  margin-bottom: 1.35rem;
  padding: 13px 16px;
  background: rgba(41, 128, 185, 0.07);
  border: 1px solid rgba(41, 128, 185, 0.25);
  border-left: 4px solid #2980b9;
  border-radius: 0.72rem;
}

.lease-next-step__icon {
  flex: none;
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #2980b9;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
}

.lease-next-step__text {
  flex: 1;
  min-width: 240px;
}

.lease-next-step__text b {
  display: block;
  font-size: 13.5px;
}

.lease-next-step__text span {
  font-size: 12.5px;
  color: #716e87;
}

.lease-next-step--done {
  background: rgba(40, 199, 111, 0.08);
  border-color: rgba(40, 199, 111, 0.3);
  border-left-color: #28c76f;
}

.lease-next-step--done .lease-next-step__icon {
  background: #28c76f;
}

.lease-header-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  row-gap: 0.5rem;
}

.ai-plan-preview {
  max-height: 300px;
  overflow-y: auto;
  border: 1px solid #ededed;
  border-radius: 0.72rem;
}

.bank-account-view {
  min-width: 0;
}

.bank-account-header {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.75rem;
}

.bank-account-header__identity {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.75rem;
  min-width: 0;
}

.bank-account-header__name {
  margin: 0;
  font-weight: 600;
  color: #5e5873;
}

.dark-layout .bank-account-header__name {
  color: #b4b7bd;
}

.bank-account-header__meta {
  font-size: 0.9rem;
  color: #716e87;
  font-variant-numeric: tabular-nums;
}

.dark-layout .bank-account-header__meta {
  color: #676d7d;
}

.bank-account-header__asof {
  font-size: 0.857rem;
  color: #716e87;
  white-space: nowrap;
}

.dark-layout .bank-account-header__asof {
  color: #676d7d;
}

.bank-account-tiles {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 1rem;
  margin-top: 1.5rem;
}

.bank-account-tile {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.75rem 1rem;
  border: 1px solid #ebe9f1;
  border-radius: 0.72rem;
  background: #fafafc;
}

.dark-layout .bank-account-tile {
  border-color: #3b4253;
  background: #242b3d;
}

.bank-account-tile--link {
  transition: border-color 0.15s ease-in-out, background 0.15s ease-in-out;
}

.bank-account-tile--link:hover,
.bank-account-tile--link:focus-visible {
  border-color: #2980b9;
  background: rgba(41, 128, 185, 0.06);
  text-decoration: none;
}

.bank-account-tile__label {
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #716e87;
}

.dark-layout .bank-account-tile__label {
  color: #676d7d;
}

.bank-account-tile__value {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
  font-size: 1.25rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: #5e5873;
}

.dark-layout .bank-account-tile__value {
  color: #b4b7bd;
}

.bank-account-tile__value--neg {
  color: #ea5455;
}

.bank-account-tile__value--warn {
  color: #ff8a1a;
}

.bank-account-tile__value--muted {
  font-size: 0.95rem;
  font-weight: 500;
  font-style: italic;
  color: #6e6b7b;
}

.dark-layout .bank-account-tile__value--muted {
  color: #b4b7bd;
}

.bank-account-tile__note {
  font-size: 0.857rem;
  color: #716e87;
}

.dark-layout .bank-account-tile__note {
  color: #676d7d;
}

.bank-account-tile__delta {
  display: inline-flex;
  align-items: center;
  font-size: 0.82rem;
  font-weight: 700;
  padding: 0.05rem 0.4rem;
  border-radius: 0.25rem;
  font-variant-numeric: tabular-nums;
  background: rgba(234, 84, 85, 0.1);
  color: #b94243;
}

.bank-account-tile__delta--zero {
  background: rgba(40, 199, 111, 0.12);
  color: #197d46;
}

.bank-account-bridge {
  margin-top: 1.5rem;
  border: 1px solid #ebe9f1;
  border-radius: 0.72rem;
  overflow: hidden;
}

.dark-layout .bank-account-bridge {
  border-color: #3b4253;
}

.bank-account-bridge__head {
  padding: 0.5rem 1rem;
  background: #f3f2f7;
  border-bottom: 1px solid #ebe9f1;
  font-size: 0.857rem;
  font-weight: 600;
  color: #5e5873;
}

.dark-layout .bank-account-bridge__head {
  background: #242b3d;
  border-color: #3b4253;
  color: #d0d2d6;
}

.bank-account-bridge__row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.5rem 1rem;
  font-size: 0.857rem;
  border-bottom: 1px solid #ebe9f1;
}

.dark-layout .bank-account-bridge__row {
  border-color: #3b4253;
}

.bank-account-bridge__row:last-child {
  border-bottom: 0;
}

.bank-account-bridge__row--total {
  background: #fafafc;
  font-weight: 600;
}

.dark-layout .bank-account-bridge__row--total {
  background: #242b3d;
}

.bank-account-bridge__amount {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  color: #5e5873;
}

.dark-layout .bank-account-bridge__amount {
  color: #b4b7bd;
}

.bank-account-bridge__op {
  color: #716e87;
  margin-right: 0.25rem;
}

.dark-layout .bank-account-bridge__op {
  color: #676d7d;
}

.bank-account-headroom {
  margin-top: 1.5rem;
}

.bank-account-headroom__track {
  height: 22px;
  border-radius: 0.25rem;
  background: #fafafc;
  border: 1px solid #ebe9f1;
  overflow: hidden;
}

.dark-layout .bank-account-headroom__track {
  background: #242b3d;
  border-color: #3b4253;
}

.bank-account-headroom__fill {
  height: 100%;
  background: #ff9f43;
  transition: width 0.2s ease;
}

.bank-account-headroom__fill--over {
  background: #ea5455;
}

.bank-account-headroom__legend {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  margin-top: 0.5rem;
  font-size: 0.857rem;
  color: #6e6b7b;
}

.dark-layout .bank-account-headroom__legend {
  color: #b4b7bd;
}

.bank-account-headroom__legend b {
  font-variant-numeric: tabular-nums;
  color: #5e5873;
}

.dark-layout .bank-account-headroom__legend b {
  color: #d0d2d6;
}

.bank-account-charts {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
  margin-top: 1.5rem;
}

@media (min-width: 992px) {
  .bank-account-charts {
    grid-template-columns: 1.4fr 1fr;
  }
}

.bank-account-panel {
  border: 1px solid #ebe9f1;
  border-radius: 0.72rem;
  overflow: hidden;
}

.dark-layout .bank-account-panel {
  border-color: #3b4253;
}

.bank-account-panel__head {
  padding: 0.5rem 1rem;
  border-bottom: 1px solid #ebe9f1;
  font-size: 0.857rem;
  font-weight: 600;
  color: #5e5873;
}

.dark-layout .bank-account-panel__head {
  border-color: #3b4253;
  color: #d0d2d6;
}

.bank-account-panel__body {
  padding: 0.75rem 1rem;
}

.bank-account-panel__empty {
  padding: 1.5rem 1rem;
  text-align: center;
  font-size: 0.857rem;
  font-style: italic;
  color: #6e6b7b;
}

.dark-layout .bank-account-panel__empty {
  color: #b4b7bd;
}

.bank-account-chart {
  display: block;
  width: 100%;
  height: auto;
}

.bank-account-chart__zero-line {
  stroke: #d8d6de;
  stroke-width: 1;
}

.bank-account-chart__floor-line {
  stroke: #716e87;
  stroke-width: 1;
  stroke-dasharray: 4 3;
}

.bank-account-chart__axis-label {
  font-size: 9px;
  fill: #716e87;
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.dark-layout .bank-account-chart .bank-account-chart__zero-line {
  stroke: #3b4253;
}

.dark-layout .bank-account-chart .bank-account-chart__floor-line {
  stroke: #676d7d;
}

.dark-layout .bank-account-chart .bank-account-chart__axis-label {
  fill: #676d7d;
}

.bank-account-chart__balance-area {
  fill: rgba(234, 84, 85, 0.1);
}

.bank-account-chart__balance-area--positive {
  fill: rgba(40, 199, 111, 0.1);
}

.bank-account-chart__balance-line {
  fill: none;
  stroke: #ea5455;
  stroke-width: 2;
  stroke-linejoin: round;
  stroke-linecap: round;
}

.bank-account-chart__balance-line--positive {
  stroke: #28c76f;
}

.bank-account-chart__balance-dot {
  fill: #ea5455;
}

.bank-account-chart__balance-dot--positive {
  fill: #28c76f;
}

.bank-account-chart__bar-in {
  fill: #28c76f;
}

.bank-account-chart__bar-out {
  fill: #ea5455;
}

.bank-account-recon-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 0.75rem;
  font-size: 0.857rem;
}

.bank-account-recon-badges a {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.15rem 0.55rem;
  border-radius: 0.25rem;
  border: 1px solid #ebe9f1;
  color: #6e6b7b;
  transition: border-color 0.15s ease-in-out, background 0.15s ease-in-out;
}

.dark-layout .bank-account-recon-badges a {
  border-color: #3b4253;
  color: #b4b7bd;
}

.bank-account-recon-badges a:hover,
.bank-account-recon-badges a:focus-visible {
  border-color: #2980b9;
  background: rgba(41, 128, 185, 0.06);
  text-decoration: none;
}

.bank-account-recon-badges b {
  font-variant-numeric: tabular-nums;
}

.bank-account-recon-badges__dot {
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  margin-right: 0.15rem;
}

.bank-account-recon-badges__dot--pending {
  background: #adb5bd;
}

.bank-account-recon-badges__dot--reconciled {
  background: #28c76f;
}

.bank-account-recon-badges__dot--not-reconciled {
  background: #ea5455;
}

.bank-account-interest__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  flex-wrap: wrap;
  margin-bottom: 0.5rem;
}

.bank-account-interest__period {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.bank-account-interest__period .form-control {
  width: 8.5rem;
}

.bank-account-interest__basis,
.bank-account-interest__note {
  font-size: 0.857rem;
  margin-bottom: 0.75rem;
}

.bank-account-interest__note {
  margin-top: 0.75rem;
  margin-bottom: 0;
}

.bank-account-interest__flag {
  display: inline-block;
  min-width: 1.25rem;
  padding: 0 0.25rem;
  margin-left: 0.25rem;
  border-radius: 0.25rem;
  background: rgba(255, 159, 67, 0.18);
  color: #9c6129;
  font-size: 0.82rem;
  font-weight: 600;
  text-align: center;
}

.dark-layout .bank-account-interest__flag {
  color: #ff9f43;
}

.bank-account-interest__table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.857rem;
}

.bank-account-interest__table th {
  background: #f3f2f7;
  color: #5e5873;
  font-weight: 600;
  text-align: left;
  padding: 0.5rem 0.75rem;
  white-space: nowrap;
  border-bottom: 1px solid #ebe9f1;
  font-size: 0.82rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.dark-layout .bank-account-interest__table th {
  background: #242b3d;
  color: #d0d2d6;
  border-color: #3b4253;
}

.bank-account-interest__table td {
  padding: 0.5rem 0.75rem;
  border-bottom: 1px solid #ebe9f1;
  vertical-align: middle;
}

.dark-layout .bank-account-interest__table td {
  border-color: #3b4253;
}

.bank-account-interest__table tbody tr:nth-child(even) {
  background: #fafafc;
}

.bank-account-interest__table tfoot th {
  background: transparent;
  text-transform: none;
  letter-spacing: 0;
  font-size: 0.857rem;
  border-top: 2px solid #ebe9f1;
  border-bottom: 0;
}

.dark-layout .bank-account-interest__table tfoot th {
  border-color: #3b4253;
}

.bank-account-facilities__gaps {
  border: 1px solid rgba(255, 159, 67, 0.5);
  border-left: 3px solid #ff9f43;
  background: rgba(255, 159, 67, 0.08);
  border-radius: 0.375rem;
  padding: 0.75rem;
  margin-bottom: 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.bank-account-facilities__gaps-title {
  font-size: 0.82rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #9c6129;
}

.dark-layout .bank-account-facilities__gaps-title {
  color: #ff9f43;
}

.bank-account-facilities__gaps-note {
  margin: 0;
  font-size: 0.857rem;
  color: #716e87;
}

.dark-layout .bank-account-facilities__gaps-note {
  color: #b4b7bd;
}

.bank-account-facilities__gaps-list {
  margin: 0;
  padding-left: 1rem;
  font-size: 0.857rem;
}

.bank-account-facilities__gaps-list li + li {
  margin-top: 0.25rem;
}

.bank-account-facilities__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}

.bank-account-facilities__table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.857rem;
}

.bank-account-facilities__table th {
  background: #f3f2f7;
  color: #5e5873;
  font-weight: 600;
  text-align: left;
  padding: 0.5rem 0.75rem;
  white-space: nowrap;
  border-bottom: 1px solid #ebe9f1;
  font-size: 0.82rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.dark-layout .bank-account-facilities__table th {
  background: #242b3d;
  color: #d0d2d6;
  border-color: #3b4253;
}

.bank-account-facilities__table td {
  padding: 0.5rem 0.75rem;
  border-bottom: 1px solid #ebe9f1;
  vertical-align: middle;
}

.dark-layout .bank-account-facilities__table td {
  border-color: #3b4253;
}

.bank-account-facilities__table tbody tr:nth-child(even) {
  background: #fafafc;
}

.bank-account-facilities__row--current td:first-child {
  box-shadow: inset 2px 0 0 #2980b9;
}

.bank-account-facility-diff {
  max-height: 50vh;
  overflow-y: auto;
}

.bank-account-facility-diff__table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.857rem;
}

.bank-account-facility-diff__table th {
  background: #f3f2f7;
  color: #5e5873;
  font-weight: 600;
  text-align: left;
  padding: 0.5rem 0.75rem;
  white-space: nowrap;
  border-bottom: 1px solid #ebe9f1;
  font-size: 0.82rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  position: sticky;
  top: 0;
}

.dark-layout .bank-account-facility-diff__table th {
  background: #242b3d;
  color: #d0d2d6;
  border-color: #3b4253;
}

.bank-account-facility-diff__table td {
  padding: 0.5rem 0.75rem;
  border-bottom: 1px solid #ebe9f1;
  vertical-align: middle;
}

.dark-layout .bank-account-facility-diff__table td {
  border-color: #3b4253;
}

.bank-account-facility-diff__proposed {
  font-weight: 600;
  color: #2980b9;
}

.bank-account-facility-diff__day-header td {
  background: #f3f2f7;
  font-weight: 600;
  font-size: 0.82rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.dark-layout .bank-account-facility-diff__day-header td {
  background: #242b3d;
}

.bank-statement-view {
  min-width: 0;
}

.bank-statement-header {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.75rem;
}

.bank-statement-header__identity {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
  min-width: 0;
}

.bank-statement-header__name {
  margin: 0;
  font-weight: 600;
  color: #5e5873;
}

.dark-layout .bank-statement-header__name {
  color: #d0d2d6;
}

.bank-statement-header__date {
  font-size: 1.05rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: #716e87;
}

.dark-layout .bank-statement-header__date {
  color: #676d7d;
}

.bank-statement-header__nav {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-shrink: 0;
}

.bank-statement-header__nav .btn {
  font-variant-numeric: tabular-nums;
}

.bank-statement-header__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem 1rem;
  margin-top: 0.25rem;
  font-size: 0.9rem;
  color: #716e87;
  font-variant-numeric: tabular-nums;
}

.dark-layout .bank-statement-header__meta {
  color: #676d7d;
}

.bank-statement-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.1rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  white-space: nowrap;
  background: rgba(41, 128, 185, 0.1);
  color: #246fa1;
}

.bank-statement-badge--ok {
  background: rgba(40, 199, 111, 0.12);
  color: #197d46;
}

.bank-statement-badge--danger {
  background: rgba(234, 84, 85, 0.1);
  color: #b94243;
}

.bank-statement-badge--warning {
  background: rgba(255, 159, 67, 0.14);
  color: #9c6129;
}

.bank-statement-badge--muted {
  background: #fafafc;
  color: #716e87;
}

.dark-layout .bank-statement-badge--muted {
  background: #242b3d;
  color: #676d7d;
}

.bank-statement-tiles {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 1rem;
  margin-top: 1.5rem;
}

.bank-statement-tile {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.75rem 1rem;
  border: 1px solid #ebe9f1;
  border-radius: 0.72rem;
  background: #fafafc;
}

.dark-layout .bank-statement-tile {
  border-color: #3b4253;
  background: #242b3d;
}

.bank-statement-tile--verdict {
  border-left: 3px solid #2980b9;
}

.bank-statement-tile__label {
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #716e87;
}

.dark-layout .bank-statement-tile__label {
  color: #676d7d;
}

.bank-statement-tile__value {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
  font-size: 1.25rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: #5e5873;
}

.dark-layout .bank-statement-tile__value {
  color: #b4b7bd;
}

.bank-statement-tile__value--neg {
  color: #ea5455;
}

.bank-statement-tile__value--ok {
  color: #28c76f;
}

.bank-statement-tile__value--muted {
  font-size: 0.95rem;
  font-weight: 500;
  font-style: italic;
  color: #6e6b7b;
}

.dark-layout .bank-statement-tile__value--muted {
  color: #b4b7bd;
}

.bank-statement-tile__value--flow {
  font-size: 1.05rem;
  flex-wrap: wrap;
}

.bank-statement-tile__note {
  font-size: 0.857rem;
  color: #716e87;
}

.dark-layout .bank-statement-tile__note {
  color: #676d7d;
}

.bank-statement-flow {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.bank-statement-flow--in {
  color: #197d46;
}

.bank-statement-flow--out {
  color: #b94243;
}

.bank-statement-bridge {
  margin-top: 1.5rem;
  border: 1px solid #ebe9f1;
  border-radius: 0.72rem;
  overflow: hidden;
}

.dark-layout .bank-statement-bridge {
  border-color: #3b4253;
}

.bank-statement-bridge__head {
  padding: 0.5rem 1rem;
  background: #f3f2f7;
  border-bottom: 1px solid #ebe9f1;
  font-size: 0.857rem;
  font-weight: 600;
  color: #5e5873;
}

.dark-layout .bank-statement-bridge__head {
  background: #242b3d;
  border-color: #3b4253;
  color: #d0d2d6;
}

.bank-statement-bridge__row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.5rem 1rem;
  font-size: 0.857rem;
  border-bottom: 1px solid #ebe9f1;
}

.dark-layout .bank-statement-bridge__row {
  border-color: #3b4253;
}

.bank-statement-bridge__row:last-child {
  border-bottom: 0;
}

.bank-statement-bridge__row--total {
  background: #fafafc;
  font-weight: 600;
}

.dark-layout .bank-statement-bridge__row--total {
  background: #242b3d;
}

.bank-statement-bridge__row--warn {
  background: rgba(255, 159, 67, 0.08);
  color: #9c6129;
}

.bank-statement-bridge__row--warn .bank-statement-bridge__amount,
.bank-statement-bridge__row--warn .bank-statement-bridge__op {
  color: inherit;
}

.bank-statement-bridge__row--danger {
  background: rgba(234, 84, 85, 0.08);
}

.bank-statement-bridge__row--danger .bank-statement-bridge__amount {
  color: #b94243;
}

.bank-statement-bridge__amount {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  color: #5e5873;
}

.dark-layout .bank-statement-bridge__amount {
  color: #b4b7bd;
}

.bank-statement-bridge__op {
  display: inline-block;
  min-width: 0.9rem;
  color: #716e87;
  margin-right: 0.25rem;
}

.dark-layout .bank-statement-bridge__op {
  color: #676d7d;
}

.bank-statement-bridge__count {
  margin-left: 0.5rem;
  padding: 0 0.35rem;
  border-radius: 0.25rem;
  font-size: 0.82rem;
  font-variant-numeric: tabular-nums;
  background: #f3f2f7;
  color: #716e87;
}

.dark-layout .bank-statement-bridge__count {
  background: #3b4253;
  color: #676d7d;
}

.bank-statement-continuity {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.5rem;
  margin-top: 1rem;
  padding: 0.75rem 1rem;
  border-radius: 0.72rem;
  background: rgba(255, 159, 67, 0.1);
  font-size: 0.857rem;
  color: #9c6129;
}

.bank-statement-continuity i {
  flex-shrink: 0;
}

.bank-statement-continuity a {
  font-weight: 600;
  color: #9c6129;
  text-decoration: underline;
}

.bank-statement-lines__count {
  margin-left: 0.5rem;
  padding: 0 0.4rem;
  border-radius: 0.25rem;
  font-size: 0.82rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  background: #f3f2f7;
  color: #716e87;
}

.dark-layout .bank-statement-lines__count {
  background: #3b4253;
  color: #676d7d;
}

.bank-statement-lines__filters {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}

.bank-statement-lines__toolbar {
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

.bank-statement-lines__toolbar .custom-table-search {
  flex: 1 1 12rem;
  width: auto;
  min-width: 0;
}

.bank-statement-lines__remove {
  padding: 0.2rem 0.45rem;
  color: #716e87;
}

.bank-statement-lines__remove:hover:not(:disabled) {
  color: #ea5455;
}

.bank-statement-lines__remove:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.dark-layout .bank-statement-lines__remove {
  color: #676d7d;
}

.dark-layout .bank-statement-lines__remove:hover:not(:disabled) {
  color: #ea5455;
}

.bank-statement-lines__auto {
  margin-left: 0.5rem;
  color: #716e87;
}

.dark-layout .bank-statement-lines__auto {
  color: #676d7d;
}

.bank-statement-lines__totals {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.5rem 2rem;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid #ebe9f1;
}

.dark-layout .bank-statement-lines__totals {
  border-color: #3b4253;
}

.bank-statement-lines__total-row {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
  font-size: 0.857rem;
  color: #716e87;
}

.bank-statement-lines__total-row .formatted-number {
  font-variant-numeric: tabular-nums;
  font-weight: 600;
  color: #5e5873;
}

.dark-layout .bank-statement-lines__total-row {
  color: #676d7d;
}

.dark-layout .bank-statement-lines__total-row .formatted-number {
  color: #b4b7bd;
}

.bank-statement-lines__total-row--total {
  font-weight: 600;
  color: #5e5873;
}

.dark-layout .bank-statement-lines__total-row--total {
  color: #d0d2d6;
}

.bank-statement-lines__empty {
  padding: 2rem 1rem;
  text-align: center;
  font-size: 0.857rem;
  color: #716e87;
}

.dark-layout .bank-statement-lines__empty {
  color: #676d7d;
}

.bank-statement-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.2rem 0.65rem;
  border: 1px solid #ebe9f1;
  border-radius: 0.25rem;
  background: transparent;
  font-size: 0.857rem;
  color: #6e6b7b;
  transition: border-color 0.15s ease-in-out, background 0.15s ease-in-out, color 0.15s ease-in-out;
}

.bank-statement-chip b {
  font-variant-numeric: tabular-nums;
}

.bank-statement-chip:hover {
  border-color: #2980b9;
  color: #2980b9;
}

.bank-statement-chip.is-active {
  border-color: #ff9f43;
  background: rgba(255, 159, 67, 0.12);
  color: #9c6129;
}

.dark-layout .bank-statement-chip {
  border-color: #3b4253;
  color: #b4b7bd;
}

.bank-reconciliation-document-preview.preview-watermark-wrapper {
  position: relative;
  overflow: visible;
}

.bank-reconciliation-document-preview .preview-content {
  position: relative;
  z-index: 1;
}

.bank-reconciliation-document-preview .status-watermark {
  position: absolute;
  top: 400px;
  left: 50%;
  transform: translateX(-50%) rotate(-28deg);
  z-index: 3;
  font-size: clamp(2.5rem, 7vw, 5rem);
  font-weight: 800;
  letter-spacing: 0.35rem;
  text-transform: uppercase;
  white-space: nowrap;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  opacity: 0.16;
}

.bank-reconciliation-document-preview .status-watermark-pending {
  color: #f59e0b;
}

.bank-reconciliation-document-preview .status-watermark-danger {
  color: #dc2626;
}

@media print {
  .bank-reconciliation-document-preview .status-watermark {
    position: fixed;
    top: 400px;
    left: 50%;
    transform: translateX(-50%) rotate(-28deg);
  }
}

.import-section {
  animation: bank-import-enter 0.2s ease-out;
}

.statement-import {
  animation: bank-import-enter 0.2s ease-out;
}

.statement-import__bar {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
}

.statement-import__bar p {
  color: #6e6b7b;
}

.dark-layout .statement-import__bar p {
  color: #b4b7bd;
}

.statement-import__bar .btn-link:focus-visible {
  outline: 2px solid #2980b9;
  outline-offset: 2px;
}

.bank-import-heading p {
  color: #6e6b7b;
}

.bank-import-heading .btn-link:focus-visible {
  outline: 2px solid #2980b9;
  outline-offset: 2px;
}

.file-drop-area {
  cursor: pointer;
  padding: 2rem;
  border: 2px dashed #d8d6de;
  border-radius: 0.5rem;
  background: #f8f8f8;
  transition: border-color 0.15s ease-in-out, background-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.file-drop-area:hover,
.file-drop-area.bg-light {
  border-color: #2980b9;
  background: rgba(41, 128, 185, 0.05);
}

.file-drop-area:focus-visible {
  border-color: #2980b9;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(41, 128, 185, 0.2);
}

.read-error-toggle {
  color: inherit;
  text-decoration: underline;
}

.read-error-detail {
  font-family: "DM Mono", "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 0.857rem;
  word-break: break-word;
}

.statement-banner {
  display: flex;
  align-items: flex-start;
  gap: 0.65rem;
  margin-bottom: 1rem;
  padding: 0.85rem 1rem;
  border-radius: 0.375rem;
  border-left: 3px solid #ea5455;
  background: rgba(234, 84, 85, 0.1);
  color: #6e6b7b;
}

.statement-banner__icon {
  flex: none;
  margin-top: 0.15rem;
  color: #ea5455;
}

.statement-banner__body {
  min-width: 0;
  flex: 1;
}

.statement-banner__title {
  margin-bottom: 0.25rem;
  color: #ea5455;
  font-weight: 600;
}

.statement-banner__table th,
.statement-banner__table td {
  padding: 4px 8px;
}

.statement-banner--warning {
  border-left-color: #ff9f43;
  background: rgba(255, 159, 67, 0.1);
}

.statement-banner--warning .statement-banner__icon {
  color: #ff9f43;
}

.statement-banner--warning .statement-banner__title {
  color: #d26700;
}

.dark-layout .statement-banner--warning .statement-banner__title {
  color: #ff9f43;
}

.dark-layout .statement-banner {
  color: #b4b7bd;
}

.statement-compare {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
  gap: 0.5rem 1.5rem;
  margin-bottom: 0.75rem;
}

.statement-compare dt {
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.statement-compare dd {
  margin-bottom: 0;
  color: #5e5873;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}

.dark-layout .statement-compare dd {
  color: #d0d2d6;
}

.statement-equation {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(255, 159, 67, 0.35);
}

.statement-equation > div {
  min-width: 0;
  flex: 1 1 0;
}

.statement-equation > span {
  flex: 0 0 auto;
  color: #5e5873;
  font-size: 1.25rem;
  font-weight: 600;
}

.dark-layout .statement-equation > span {
  color: #d0d2d6;
}

.statement-equation dt {
  font-size: 0.82rem;
  font-weight: 600;
  line-height: 1.25;
}

.statement-equation dd {
  margin: 0.25rem 0 0;
  color: #5e5873;
  font-size: 1.143rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}

.dark-layout .statement-equation dd {
  color: #d0d2d6;
}

.statement-equation small {
  color: #6e6b7b;
}

.dark-layout .statement-equation small {
  color: #b4b7bd;
}

.statement-equation .is-different dd,
.statement-equation .is-different small {
  color: #ea5455;
}

.statement-switch {
  margin-bottom: 1rem;
}

.statement-switch__list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.4rem;
}

.statement-chip {
  display: flex;
  align-items: center;
  padding: 0.35rem 0.65rem;
  border: 1px solid #ebe9f1;
  border-radius: 0.5rem;
  background: #ffffff;
}

.statement-chip.is-active {
  border-color: #2980b9;
  box-shadow: inset 0 0 0 1px #2980b9;
}

.statement-chip__label {
  padding: 0;
  border: 0;
  background: none;
  color: #5e5873;
  font-weight: 500;
}

.statement-chip__label:hover,
.statement-chip__label:focus-visible {
  color: #2980b9;
  text-decoration: underline;
}

.dark-layout .statement-chip__label {
  color: #d0d2d6;
}

.dark-layout .statement-chip {
  border-color: #3b4253;
  background: #283046;
}

.statement-header__top {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}

.statement-header__identity {
  flex: 1 1 340px;
  min-width: 0;
}

.statement-header__name-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

.statement-header__name {
  margin: 0;
  font-size: 1.35rem;
  font-weight: 600;
  color: #5e5873;
}

.statement-header__name:focus {
  outline: 0;
}

.dark-layout .statement-header__name {
  color: #d0d2d6;
}

.statement-header__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.15rem 0.75rem;
  margin-top: 0.35rem;
  font-size: 0.857rem;
  color: #6e6b7b;
}

.statement-header__meta b {
  color: #5e5873;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}

.dark-layout .statement-header__meta {
  color: #b4b7bd;
}

.dark-layout .statement-header__meta b {
  color: #d0d2d6;
}

.statement-header__account {
  flex: 0 1 20rem;
  min-width: 15rem;
}

.statement-header__rule {
  height: 1px;
  margin: 1.1rem 0;
  background: #ebe9f1;
}

.dark-layout .statement-header__rule {
  background: #3b4253;
}

.statement-header__label {
  display: block;
  margin-bottom: 0.2rem;
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #6e6b7b;
}

.dark-layout .statement-header__label {
  color: #b4b7bd;
}

.statement-header__sub {
  display: block;
  margin-top: 0.15rem;
  font-size: 0.82rem;
  color: #6e6b7b;
}

.statement-header__sub b {
  color: #5e5873;
  font-variant-numeric: tabular-nums;
}

.dark-layout .statement-header__sub {
  color: #b4b7bd;
}

.dark-layout .statement-header__sub b {
  color: #d0d2d6;
}

.statement-header__position {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 1rem 2rem;
}

.statement-header__lead {
  min-width: 0;
  flex: 0 0 auto;
}

.statement-header__sides {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 1.75rem;
  min-width: 0;
  padding-left: 2rem;
  border-left: 1px solid #ebe9f1;
  align-self: stretch;
}

.dark-layout .statement-header__sides {
  border-left-color: #3b4253;
}

@media (max-width: 575.98px) {
  .statement-header__sides {
    padding-left: 0;
    border-left: 0;
  }
}

.statement-header__side {
  min-width: 0;
}

.statement-header__groups {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
  gap: 1rem 2.5rem;
}

@media (max-width: 991.98px) {
  .statement-header__groups {
    grid-template-columns: minmax(0, 1fr);
  }
}

.statement-header__group {
  min-width: 0;
}

.statement-header__group + .statement-header__group {
  padding-left: 2.5rem;
  border-left: 1px solid #ebe9f1;
}

.dark-layout .statement-header__group + .statement-header__group {
  border-left-color: #3b4253;
}

@media (max-width: 991.98px) {
  .statement-header__group + .statement-header__group {
    padding-left: 0;
    border-left: 0;
    padding-top: 1rem;
    border-top: 1px solid #ebe9f1;
  }

  .dark-layout .statement-header__group + .statement-header__group {
    border-top-color: #3b4253;
  }
}

.statement-header__group-label {
  display: block;
  margin-bottom: 0.55rem;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5e5873;
}

.dark-layout .statement-header__group-label {
  color: #d0d2d6;
}

.statement-figure {
  display: inline-block;
  margin-top: 0.1rem;
  font-weight: 600;
  line-height: 1.2;
  font-variant-numeric: tabular-nums;
  color: #5e5873;
}

.statement-figure--net {
  font-size: 2rem;
  letter-spacing: -0.015em;
}

.statement-figure--side {
  font-size: 1.2rem;
}

.dark-layout .statement-figure {
  color: #d0d2d6;
}

.statement-badge {
  display: inline-block;
  padding: 0.12rem 0.42rem;
  border-radius: 0.25rem;
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.statement-badge--customer {
  background: rgba(41, 128, 185, 0.14);
  color: #236fa0;
}

.statement-badge--ok {
  background: rgba(40, 199, 111, 0.16);
  color: #1e9453;
}

.statement-badge--danger {
  background: rgba(234, 84, 85, 0.16);
  color: #ea5455;
}

.statement-badge--muted {
  background: rgba(130, 134, 139, 0.16);
  color: #5f6266;
}

.dark-layout .statement-badge--customer {
  color: #62acdc;
}

.dark-layout .statement-badge--ok {
  color: #28c76f;
}

.dark-layout .statement-badge--muted {
  color: #b4b7bd;
}

.statement-counts > div {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.4rem 0;
  border-bottom: 1px solid #eeedf3;
}

.statement-counts > div:last-child {
  border-bottom: 0;
}

.statement-counts dt {
  font-weight: 400;
}

.statement-counts dd {
  margin-bottom: 0;
  color: #5e5873;
  font-size: 1.143rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}

.dark-layout .statement-counts dd {
  color: #d0d2d6;
}

.statement-counts .is-primary dd {
  font-size: 1.5rem;
}

.statement-checks {
  margin: 0;
  padding: 0;
  list-style: none;
}

.statement-checks li {
  display: grid;
  grid-template-columns: auto minmax(0, auto) minmax(0, 1fr);
  align-items: baseline;
  gap: 0.5rem;
  padding: 0.4rem 0;
  border-bottom: 1px solid #eeedf3;
}

.statement-checks li:last-child {
  border-bottom: 0;
}

.statement-checks .fa {
  font-size: 0.9rem;
}

.statement-checks .is-ok .fa {
  color: #28c76f;
}

.statement-checks .is-bad .fa {
  color: #ea5455;
}

.statement-checks .is-unknown .fa {
  color: #6e6b7b;
}

.statement-checks__label {
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #6e6b7b;
}

.dark-layout .statement-checks__label {
  color: #b4b7bd;
}

.statement-checks__value {
  color: #5e5873;
  font-variant-numeric: tabular-nums;
}

.dark-layout .statement-checks__value {
  color: #d0d2d6;
}

.statement-checks .is-bad .statement-checks__value {
  color: #ea5455;
}

.statement-rows .card-body {
  padding: 0;
}

.statement-rows__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 1rem 1.5rem;
  border-bottom: 1px solid #ebe9f1;
}

.dark-layout .statement-rows__header {
  border-bottom-color: #3b4253;
}

.statement-rows__empty {
  padding: 1.5rem;
}

.statement-preview {
  max-height: 36rem;
  overflow: auto;
}

.statement-actions__reason {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
  color: #6e6b7b;
}

.statement-actions__reason .fa {
  color: #ff9f43;
  margin-top: 0.2rem;
}

.dark-layout .statement-actions__reason {
  color: #b4b7bd;
}

.bank-import-transactions thead th {
  position: sticky;
  top: 0;
  z-index: 1;
  background: #ffffff;
}

.dark-layout .bank-import-transactions thead th {
  background: #283046;
}

.bank-import-transactions th,
.bank-import-transactions td {
  padding: 7px 10px;
}

.bank-import-transactions tbody tr.is-imported {
  color: #6e6b7b;
  background: #f8f8f8;
}

.bank-import-transactions tfoot th {
  padding: 7px 10px;
  border-top: 2px solid #d8d6de;
  color: #5e5873;
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: normal;
  text-transform: none;
  font-variant-numeric: tabular-nums;
}

.bank-import-processing {
  color: #6e6b7b;
  background: #ffffff;
}

@keyframes bank-import-enter {
  from {
    opacity: 0;
    transform: translateY(-0.5rem);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 575.98px) {
  .statement-import__bar {
    flex-direction: column;
    align-items: stretch;
  }

  .statement-equation {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .statement-equation > div {
    grid-column: 1;
  }

  .statement-equation > span {
    grid-column: 2;
    grid-row: auto;
  }

  .statement-checks li {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .statement-checks li .statement-checks__value {
    grid-column: 2;
  }

  .bank-import-transactions thead,
  .bank-import-transactions tfoot {
    display: none;
  }

  .bank-import-transactions tbody,
  .bank-import-transactions tr,
  .bank-import-transactions td {
    display: block;
    width: 100%;
  }

  .bank-import-transactions tr {
    padding: 0.75rem;
    border-bottom: 1px solid #ebe9f1;
  }

  .bank-import-transactions td {
    display: grid;
    grid-template-columns: minmax(7rem, 40%) minmax(0, 1fr);
    gap: 0.5rem;
    padding: 0.25rem 0;
    border: 0;
    text-align: right;
  }

  .bank-import-transactions td::before {
    content: attr(data-label);
    color: #6e6b7b;
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-align: left;
    text-transform: uppercase;
  }
}

@media (prefers-reduced-motion: reduce) {
  .import-section,
  .statement-import {
    animation: none;
  }
}

.starting-balance-create .drop-zone {
  border: 2px dashed #ebe9f1;
  border-radius: 8px;
  padding: 2rem;
  cursor: pointer;
  transition: border-color 0.2s, background 0.2s;
}

.starting-balance-create .drop-zone:hover,
.starting-balance-create .drop-zone.drop-zone--over {
  border-color: #2980b9;
  background: #f0f7ff;
}

.starting-balance-create .step-indicator {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #ebe9f1;
  color: #6e6b7b;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.85rem;
  flex-shrink: 0;
}

.starting-balance-create .step-indicator.step-active {
  background: #2980b9;
  color: #ffffff;
}

.starting-balance-create .step-indicator.step-done {
  background: #28c76f;
  color: #ffffff;
}

.starting-balance-create .step-label {
  font-size: 0.875rem;
}

.starting-balance-create .stat-pill {
  font-size: 0.9rem;
}

.starting-balance-create .detected-headers {
  background: #f8f8f8;
  border: 1px solid #ebe9f1;
  border-radius: 6px;
  padding: 0.5rem 0.75rem;
  max-height: 100px;
  overflow-y: auto;
}

.shift-close-wizard {
  display: flex;
  flex-direction: column;
  background: #f9fafb;
  color: #1f2937;
}

.shift-close-wizard .wizard-header {
  padding: 12px 20px;
  background: #ffffff;
  border-bottom: 1px solid #e5e7eb;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.shift-close-wizard .steps-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: nowrap;
}

.shift-close-wizard .step {
  display: flex;
  align-items: center;
  position: relative;
}

.shift-close-wizard .step-number {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #d1d5db;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 0.75rem;
  z-index: 1;
  transition: all 0.3s ease;
}

.shift-close-wizard .step.active .step-number {
  background: #2980b9 !important;
  transform: scale(1.2);
}

.shift-close-wizard .step.completed .step-number {
  background: #10b981;
}

.shift-close-wizard .step-title {
  margin-left: 6px;
  font-size: 0.8rem;
  color: #4b5563;
  white-space: nowrap;
}

.shift-close-wizard .step.active .step-title {
  font-weight: 600;
  color: #111827;
}

.shift-close-wizard .step-line {
  height: 2px;
  background: #d1d5db;
  flex: 1;
  margin-left: 4px;
  margin-right: 4px;
  border-radius: 2px;
}

.shift-close-wizard .step.completed .step-line {
  background: #10b981;
}

.shift-close-wizard .wizard-content {
  flex: 1;
  background: #ffffff;
  padding: 20px;
  overflow-y: auto;
}

.shift-close-wizard .wizard-footer {
  padding: 10px 20px;
  border-top: 1px solid #e5e7eb;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.shift-close-wizard .step-indicators {
  display: flex;
  gap: 10px;
  z-index: 1;
}

.shift-close-wizard .dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #d1d5db;
  transition: all 0.3s ease;
}

.shift-close-wizard .dot.active {
  background: #2980b9 !important;
  transform: scale(1.2);
}

.shift-close-wizard .dot.completed {
  background: #10b981;
}

.user-form .uploaded-wrap img {
  width: 150px;
  height: 115px !important;
  -o-object-fit: cover;
     object-fit: cover;
}

.user-form .uploaded-wrap .badge {
  position: absolute;
  top: -10px;
  padding: 4px;
  cursor: pointer;
  max-width: 40px;
}

.user-form .badge-left {
  left: -5px;
}

.user-form .badge-right {
  right: -5px;
}

.user-form .enlarged-image {
  width: 50%;
  height: 50%;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: 0.4s;
}

.user-form .enlargeable-image .full.enlarged {
  left: 2.5% !important;
  top: 2.5% !important;
  width: 95% !important;
  height: 95% !important;
  z-index: 222222 !important;
}

.user-form .enlargeable-image .full.enlarging {
  z-index: 222222 !important;
}

.uncat-title {
  color: #5e5873;
  font-weight: 500;
}

.uncat-filter-toggle {
  white-space: nowrap;
}

.uncat-filters {
  padding: 0.85rem 1rem;
  border: 1px solid #ebe9f1;
  box-shadow: none;
}

.uncat-filter-label {
  display: block;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  color: #b9b9c3;
  margin-bottom: 0.25rem;
}

.uncat-summary {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem 1.15rem;
  align-items: center;
  padding: 0.35rem 0.15rem 0.5rem;
  font-size: 0.875rem;
  color: #6e6b7b;
}

.uncat-summary-item i {
  margin-right: 0.25rem;
}

.uncat-selection {
  color: #2980b9;
}

.uncat-mono {
  font-variant-numeric: tabular-nums;
}

.uncat-counterparty {
  font-size: 0.72rem;
  color: #9a97a5;
}

.uncat-account {
  display: block;
  line-height: 1.2;
}

.uncat-source-badge {
  margin-left: 0.35rem;
  cursor: default;
}

.uncat-actions {
  display: flex;
  align-items: center;
}

.uncat-modal-doc {
  padding: 0.6rem 0.75rem;
  background: #f8f8f8;
  border-radius: 0.4rem;
  margin-bottom: 1rem;
}

.uncat-modal-desc {
  font-size: 0.8rem;
  margin-top: 0.25rem;
  word-break: break-word;
}

.slide-down-enter-active,
.slide-down-leave-active {
  transition: all 0.18s ease;
}

.slide-down-enter,
.slide-down-leave-to {
  opacity: 0;
  transform: translateY(-6px);
}

.uncategorized-page .uncat-total {
  color: #6e6b7b;
}

.uncategorized-page .uncat-total__amount {
  color: #b9b9c3;
}

.uncategorized-page .uncat-label {
  display: block;
  font-size: 0.82rem;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  color: #b9b9c3;
  margin-bottom: 0.25rem;
}

.uncategorized-page .uncat-period {
  max-width: 170px;
}

.uncategorized-page .uncat-clear {
  height: 38px;
}

.uncategorized-page .uncat-group {
  margin-bottom: 0.75rem;
}

.uncategorized-page .uncat-group__header {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.85rem 1.5rem;
  cursor: pointer;
}

.uncategorized-page .uncat-group__chevron {
  color: #b9b9c3;
  width: 12px;
}

.uncategorized-page .uncat-group__title {
  font-weight: 500;
  color: #5e5873;
}

.uncategorized-page .uncat-group__count {
  background: #f3f2f7;
  border-radius: 1rem;
  padding: 0.1rem 0.6rem;
  font-size: 0.857rem;
  color: #6e6b7b;
}

.uncategorized-page .uncat-group__dates {
  font-size: 0.857rem;
  color: #b9b9c3;
}

.uncategorized-page .uncat-group__amount {
  margin-left: auto;
  font-variant-numeric: tabular-nums;
  font-weight: 500;
  color: #5e5873;
  white-space: nowrap;
}

.uncategorized-page .uncat-group__body {
  padding: 0 1.5rem 1rem;
}

.uncategorized-page .uncat-modal-doc {
  background: #fafafc;
  border-radius: 0.72rem;
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
}

.uncategorized-page .uncat-modal-date,
.uncategorized-page .uncat-modal-desc {
  font-size: 0.857rem;
  color: #b9b9c3;
}

.uncategorized-page .uncat-modal-desc {
  margin-top: 0.35rem;
  color: #6e6b7b;
}

.uncategorized-page .uncat-modal-account {
  padding-top: 0.35rem;
  color: #6e6b7b;
}

.uncategorized-page .uncat-modal-note {
  font-size: 0.857rem;
}

.uncategorized-page .uncat-no-fix {
  font-size: 0.857rem;
}

.dark-layout .uncat-title {
  color: #d0d2d6;
}

.dark-layout .uncat-filters {
  border-color: #3b4253;
  background: #283046;
}

.dark-layout .uncat-summary {
  color: #b4b7bd;
}

.dark-layout .uncat-modal-doc {
  background: #161d31;
}

.closing-balance-wizard {
  display: flex;
  flex-direction: column;
  background: #f9fafb;
  color: #1f2937;
}

.closing-balance-wizard .wizard-header {
  padding: 12px 20px;
  background: #ffffff;
  border-bottom: 1px solid #e5e7eb;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.closing-balance-wizard .steps-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: nowrap;
}

.closing-balance-wizard .step {
  display: flex;
  align-items: center;
  position: relative;
}

.closing-balance-wizard .step-number {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #d1d5db;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 0.75rem;
  z-index: 1;
  transition: all 0.3s ease;
}

.closing-balance-wizard .step.active .step-number {
  background: #2980b9 !important;
  transform: scale(1.2);
}

.closing-balance-wizard .step.completed .step-number {
  background: #10b981;
}

.closing-balance-wizard .step-title {
  margin-left: 6px;
  font-size: 0.8rem;
  color: #4b5563;
  white-space: nowrap;
}

.closing-balance-wizard .step.active .step-title {
  font-weight: 600;
  color: #111827;
}

.closing-balance-wizard .step-line {
  height: 2px;
  background: #d1d5db;
  flex: 1;
  margin-left: 4px;
  margin-right: 4px;
  border-radius: 2px;
}

.closing-balance-wizard .step.completed .step-line {
  background: #10b981;
}

.closing-balance-wizard .wizard-content {
  flex: 1;
  background: #ffffff;
  padding: 20px;
  overflow-y: auto;
}

.closing-balance-wizard .wizard-footer {
  padding: 10px 20px;
  border-top: 1px solid #e5e7eb;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.closing-balance-wizard .step-indicators {
  display: flex;
  gap: 10px;
  z-index: 1;
}

.closing-balance-wizard .dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #d1d5db;
  transition: all 0.3s ease;
}

.closing-balance-wizard .dot.active {
  background: #2980b9 !important;
  transform: scale(1.2);
}

.closing-balance-wizard .dot.completed {
  background: #10b981;
}

.closing-balance-wizard .existing-notice {
  background: #fff3cd;
  border: 1px solid #ffc107;
  border-radius: 6px;
  padding: 12px 16px;
}

.closing-balance-wizard .step-section {
  width: 100%;
}

.closing-balance-wizard .check-item {
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  padding: 8px 12px;
}

.closing-balance-wizard .check-label {
  font-size: 0.9rem;
  font-weight: 500;
  white-space: nowrap;
}

.closing-balance-wizard .check-detail {
  font-size: 0.8rem;
  color: #6b7280;
}

.closing-balance-wizard .fix-link {
  white-space: nowrap;
  font-size: 0.75rem;
  padding: 2px 8px;
}

.closing-balance-wizard .badge-light-warning {
  background: #fef3c7;
  color: #92400e;
  font-weight: 500;
  font-size: 0.75rem;
  padding: 2px 6px;
}

.closing-balance-wizard .customer-balance-table {
  font-size: 0.85rem;
}

.closing-balance-wizard .customer-balance-table th {
  border-top: none;
  color: #6b7280;
  font-weight: 500;
  font-size: 0.8rem;
}

.closing-balance-wizard .customer-balance-table td {
  vertical-align: middle;
}

.closing-balance-wizard .fix-row {
  background: #fffbeb;
  border: 1px solid #fcd34d;
  border-radius: 6px;
  padding: 8px 12px;
}

.closing-balance-wizard .fix-label {
  font-weight: 600;
  font-size: 0.85rem;
  white-space: nowrap;
}

.closing-balance-wizard .review-header .fa {
  font-size: 3rem;
}

.closing-balance-table .sticky-el {
  position: sticky;
  right: 0;
  bottom: 0;
  backdrop-filter: blur(4px);
  background: rgba(255, 255, 255, 0.7);
  z-index: 10;
  padding: 0 10px !important;
}

.closing-balance-table .sticky-el span {
  width: 30px;
  height: 30px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #efefef;
  padding: 3px 7px;
  border-radius: 3px;
  cursor: pointer;
}

.closing-balance-table .parent-row td input {
  font-weight: bold;
}

.closing-balance-info-banner {
  background-color: #f7f9fc;
  border: 1px solid #dbe4ee;
  border-left: 4px solid #5c9ded;
  padding: 0.4rem;
  border-radius: 6px;
  font-size: 0.95rem;
  color: #2f3e4e;
  margin-bottom: 1rem;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
}

.report-header-wrapper {
  background: #ffffff;
  border-radius: 6px;
  margin-bottom: 20px;
}

.closing-year-actions {
  gap: 8px;
}

.year-closing-notice {
  background: #f8f8fb;
  border: 1px solid #ebe9f1;
  border-left: 3px solid #c9c7d0;
  border-radius: 6px;
}

.year-closing-notice.is-complete {
  border-left-color: #a8d9bf;
}

.year-closing-notice.is-missing {
  border-left-color: #d8c4a1;
}

.year-closing-notice-text {
  color: #6e6b7b;
  font-weight: 500;
}

.closing-notes-accounts {
  padding-left: 16px;
  margin-top: 2px;
  margin-bottom: 2px;
  font-size: 0.85rem;
  color: #4b4b4b;
}

.closing-notes-accounts li {
  margin-bottom: 2px;
}

.period-summary--outgoing {
  margin-bottom: 1.5rem;
  background: #ffffff;
  border: 1px solid #ebe9f1;
  border-radius: 0.6rem;
  box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.1);
  overflow: hidden;
}

.period-summary--outgoing .period-summary__head {
  padding: 0.65rem 1rem;
  font-size: 0.857rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #ffffff;
  background: #2980b9;
}

.period-summary--outgoing .period-summary__scroll {
  overflow-x: auto;
}

.period-summary--outgoing .period-summary__table {
  width: 100%;
  min-width: 900px;
  border-collapse: collapse;
  font-variant-numeric: tabular-nums;
}

.period-summary--outgoing .period-summary__table thead th {
  padding: 0.5rem 0.6rem;
  font-weight: 600;
  color: #5e5873;
  text-align: center;
  vertical-align: middle;
  line-height: 1.25;
  border-bottom: 1px solid #ebe9f1;
}

.period-summary--outgoing .period-summary__table thead tr:first-child th,
.period-summary--outgoing .period-summary__table thead tr:nth-child(2) th {
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  background: rgba(41, 128, 185, 0.08);
  white-space: normal;
}

.period-summary--outgoing .period-summary__table thead tr:last-child th {
  font-size: 0.75rem;
  background: #f3f2f7;
  white-space: nowrap;
}

.period-summary--outgoing .period-summary__table tbody td {
  padding: 0.7rem 0.75rem;
  font-size: 0.95rem;
  font-weight: 600;
  color: #5e5873;
  text-align: right;
  white-space: nowrap;
  background: #fafafc;
}

.period-summary--outgoing .period-summary__table th,
.period-summary--outgoing .period-summary__table td {
  border-right: 1px solid #f3f2f7;
}

.period-summary--outgoing .period-summary__table th:last-child,
.period-summary--outgoing .period-summary__table td:last-child {
  border-right: 0;
}

.period-summary--outgoing .period-summary__table thead tr:first-child th:nth-child(n+2),
.period-summary--outgoing .period-summary__table thead tr:last-child th:nth-child(5),
.period-summary--outgoing .period-summary__table tbody td:nth-child(6),
.period-summary--outgoing .period-summary__table tbody td:nth-child(10),
.period-summary--outgoing .period-summary__table tbody td:nth-child(11) {
  border-left: 2px solid #dae1e7;
}

.period-summary--outgoing .period-summary__table tbody td:nth-child(1) {
  min-width: 92px;
}

.period-summary--outgoing .period-summary__table tbody td:nth-child(10) {
  min-width: 140px;
}

.period-summary--outgoing .period-summary__table tbody td:nth-child(11) {
  min-width: 118px;
}

.dark-layout .period-summary--outgoing {
  background: #283046;
  border-color: #3b4253;
}

.dark-layout .period-summary--outgoing .period-summary__table thead tr:first-child th,
.dark-layout .period-summary--outgoing .period-summary__table thead tr:nth-child(2) th {
  background: rgba(41, 128, 185, 0.2);
  color: #d0d2d6;
}

.dark-layout .period-summary--outgoing .period-summary__table thead tr:last-child th {
  background: #242b3d;
  color: #b4b7bd;
}

.dark-layout .period-summary--outgoing .period-summary__table tbody td {
  background: #2f3651;
  color: #d0d2d6;
}

.dark-layout .period-summary--outgoing .period-summary__table th,
.dark-layout .period-summary--outgoing .period-summary__table td {
  border-color: #3b4253;
}

.period-summary--incoming {
  margin-bottom: 1.5rem;
  background: #ffffff;
  border: 1px solid #ebe9f1;
  border-radius: 0.6rem;
  box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.1);
  overflow: hidden;
}

.period-summary--incoming .period-summary__head {
  padding: 0.5rem 1rem;
  font-size: 0.857rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #ffffff;
  background: #2980b9;
}

.period-summary--incoming .period-summary__scroll {
  overflow-x: auto;
}

.period-summary--incoming .period-summary__table {
  width: 100%;
  border-collapse: collapse;
  font-variant-numeric: tabular-nums;
}

.period-summary--incoming .period-summary__table th,
.period-summary--incoming .period-summary__table td {
  padding: 0.5rem 0.75rem;
  text-align: right;
  white-space: nowrap;
  border-bottom: 1px solid #ebe9f1;
  border-right: 1px solid #f3f2f7;
}

.period-summary--incoming .period-summary__table thead th {
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  color: #6e6b7b;
  background: #f3f2f7;
  text-align: center;
  vertical-align: middle;
}

.period-summary--incoming .period-summary__table tbody td {
  font-size: 1rem;
  font-weight: 500;
  color: #5e5873;
}

.period-summary--incoming .period-summary__table th:last-child,
.period-summary--incoming .period-summary__table td:last-child {
  border-right: 0;
}

.book-outgoing-invoices-report .line td,
.book-incoming-invoices-report .line td {
  white-space: nowrap !important;
  padding: 10px !important;
}

.book-outgoing-invoices-report .bold,
.book-incoming-invoices-report .bold {
  font-weight: bold !important;
}

.book-outgoing-invoices-report .western,
.book-incoming-invoices-report .western {
  padding: 5px 6px !important;
  margin: 0 !important;
}

.book-outgoing-invoices-report .table,
.book-incoming-invoices-report .table {
  border-collapse: separate;
  border-spacing: 0;
  border-right: 1px solid black !important;
  border-bottom: 1px solid black !important;
}

.book-outgoing-invoices-report .table td,
.book-incoming-invoices-report .table td {
  padding: 2px !important;
}

.book-outgoing-invoices-report .table th,
.book-incoming-invoices-report .table th {
  padding: 0 !important;
}

.book-outgoing-invoices-report .table tr td,
.book-outgoing-invoices-report .table th,
.book-incoming-invoices-report .table tr td,
.book-incoming-invoices-report .table th {
  border-left: 1px solid black !important;
  border-top: 1px solid black !important;
}

.book-outgoing-invoices-report .table tbody,
.book-incoming-invoices-report .table tbody {
  border-radius: 0 !important;
}

.book-incoming-invoices-report .break-text {
  word-wrap: break-word;
  overflow-wrap: break-word;
  white-space: normal;
}

.account-view {
  min-width: 0;
}

.account-view-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.857rem;
  color: #716e87;
  margin-bottom: 0.5rem;
}

.dark-layout .account-view-breadcrumb {
  color: #676d7d;
}

.account-view-breadcrumb a {
  color: #716e87;
  text-decoration: none;
}

.account-view-breadcrumb a:hover {
  color: #2980b9;
  text-decoration: underline;
}

.dark-layout .account-view-breadcrumb a {
  color: #676d7d;
}

.account-view-breadcrumb__sep {
  opacity: 0.6;
}

.account-view-header {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.75rem;
}

.account-view-header__name {
  margin: 0;
  font-weight: 600;
  color: #5e5873;
}

.dark-layout .account-view-header__name {
  color: #b4b7bd;
}

.account-view-header__number {
  font-size: 0.9rem;
  color: #716e87;
  font-variant-numeric: tabular-nums;
}

.dark-layout .account-view-header__number {
  color: #676d7d;
}

.account-view-badges {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
}

.account-view-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.2rem 0.6rem;
  border-radius: 0.375rem;
  font-size: 0.857rem;
  font-weight: 500;
  background: #fafafc;
  border: 1px solid #ebe9f1;
  color: #6e6b7b;
}

.dark-layout .account-view-badge {
  background: #242b3d;
  border-color: #3b4253;
  color: #b4b7bd;
}

.account-view-badge--type-asset,
.account-view-badge--type-liability {
  color: #2472a4;
  border-color: rgba(41, 128, 185, 0.35);
  background: rgba(41, 128, 185, 0.08);
}

.account-view-badge--type-equity {
  color: #008b9c;
  border-color: rgba(0, 207, 232, 0.35);
  background: rgba(0, 207, 232, 0.08);
}

.account-view-badge--type-revenue {
  color: #24b263;
  border-color: rgba(40, 199, 111, 0.35);
  background: rgba(40, 199, 111, 0.08);
}

.account-view-badge--type-expense {
  color: #ff922a;
  border-color: rgba(255, 159, 67, 0.4);
  background: rgba(255, 159, 67, 0.1);
}

.account-view-badge--muted {
  color: #716e87;
}

.dark-layout .account-view-badge--muted {
  color: #676d7d;
}

.account-view-banner {
  display: flex;
  align-items: flex-start;
  gap: 0.65rem;
  margin-top: 1rem;
  padding: 0.7rem 1rem;
  border-radius: 0.375rem;
  border-left: 3px solid #ff9f43;
  background: rgba(255, 159, 67, 0.1);
}

.account-view-banner__icon {
  color: #ff8510;
  margin-top: 0.15rem;
  flex: none;
}

.account-view-banner__text {
  color: #6e6b7b;
  font-size: 0.9rem;
}

.dark-layout .account-view-banner__text {
  color: #b4b7bd;
}

.account-view-panel__head {
  margin-bottom: 0.75rem;
}

.account-view-children {
  display: flex;
  flex-direction: column;
}

.account-view-children__row {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 0;
  border-bottom: 1px solid #eeedf3;
  text-decoration: none;
  color: inherit;
}

.account-view-children__row:last-child {
  border-bottom: none;
}

.account-view-children__row:hover .account-view-children__name {
  color: #2980b9;
}

.dark-layout .account-view-children__row {
  border-color: #3b4253;
}

.account-view-children__number {
  font-variant-numeric: tabular-nums;
  color: #716e87;
  min-width: 70px;
}

.dark-layout .account-view-children__number {
  color: #676d7d;
}

.account-view-children__name {
  color: #6e6b7b;
  flex: 1;
  min-width: 0;
}

.dark-layout .account-view-children__name {
  color: #b4b7bd;
}

.account-view-usages {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.account-view-usage-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.25rem 0.65rem;
  border-radius: 0.375rem;
  font-size: 0.857rem;
  background: #fafafc;
  border: 1px solid #ebe9f1;
  color: #6e6b7b;
}

.dark-layout .account-view-usage-chip {
  background: #242b3d;
  border-color: #3b4253;
  color: #b4b7bd;
}

.account-view-usage-chip i {
  color: #716e87;
  font-size: 0.75rem;
}

.dark-layout .account-view-usage-chip i {
  color: #676d7d;
}

.ao-page {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.ao-back {
  margin-bottom: 0.25rem;
}

.ao-back a {
  display: inline-flex;
  align-items: center;
  color: #6e6b7b;
  font-size: 0.857rem;
  font-weight: 500;
}

.ao-section {
  margin-bottom: 0;
}

.ao-section ::v-deep .card-body,
.ao-section .card-body {
  padding: 1.5rem;
}

.ao-section-head {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
  margin-bottom: 1rem;
}

.ao-section-title {
  margin: 0;
  font-size: 1.07rem;
  font-weight: 600;
  color: #5e5873;
}

.ao-section-note {
  margin-left: auto;
  text-align: right;
  font-size: 0.82rem;
  color: #716e87;
}

.ao-label {
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #6b6779;
}

.ao-hero {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 1.5rem;
}

.ao-hero-main {
  flex: 1 1 20rem;
  min-width: 0;
}

.ao-hero-name {
  margin: 0 0 0.25rem;
  font-size: 1.5rem;
  font-weight: 600;
  color: #5e5873;
}

.ao-hero-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem 1rem;
  font-size: 0.857rem;
  color: #6e6b7b;
}

.ao-db {
  font-family: "DM Mono", "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 0.82rem;
  background: #f8f8f8;
  border: 1px solid #ebe9f1;
  border-radius: 0.375rem;
  padding: 0 0.25rem;
  color: #5e5873;
}

.ao-actions {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.ao-score {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  border-radius: 0.72rem;
  border: 1px solid #d8d6de;
  background: #f8f8f8;
}

.ao-score-value {
  font-family: "DM Mono", "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}

.ao-score-text {
  font-size: 0.82rem;
  line-height: 1.25;
  color: #6e6b7b;
}

.ao-score-text strong {
  display: block;
  font-size: 0.857rem;
}

.ao-score--green {
  border-color: rgba(40, 199, 111, 0.28);
  background: rgba(40, 199, 111, 0.06);
}

.ao-score--green .ao-score-value,
.ao-score--green .ao-score-text strong {
  color: #28c76f;
}

.ao-score--yellow {
  border-color: rgba(255, 159, 67, 0.28);
  background: rgba(255, 159, 67, 0.06);
}

.ao-score--yellow .ao-score-value,
.ao-score--yellow .ao-score-text strong {
  color: #ff9f43;
}

.ao-score--red {
  border-color: rgba(234, 84, 85, 0.28);
  background: rgba(234, 84, 85, 0.06);
}

.ao-score--red .ao-score-value,
.ao-score--red .ao-score-text strong {
  color: #ea5455;
}

.ao-score--grey .ao-score-value,
.ao-score--grey .ao-score-text strong {
  color: #716e87;
}

.ao-score-parts {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem 1rem;
  margin-top: 0.75rem;
  font-size: 0.82rem;
  color: #716e87;
}

.ao-score-parts span b {
  color: #5e5873;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}

.ao-alarms ::v-deep .card-body,
.ao-alarms .card-body {
  padding: 0;
}

.ao-alarm {
  display: flex;
  gap: 0.75rem;
  align-items: baseline;
  padding: 0.75rem 1.5rem;
  border-left: 3px solid transparent;
  border-top: 1px solid #ebe9f1;
  font-size: 0.857rem;
}

.ao-alarm:first-child {
  border-top: 0;
}

.ao-alarm--danger {
  border-left-color: #ea5455;
  background: rgba(234, 84, 85, 0.04);
}

.ao-alarm--warning {
  border-left-color: #ff9f43;
  background: rgba(255, 159, 67, 0.04);
}

.ao-alarm--info {
  border-left-color: #b8c2cc;
}

.ao-alarm-title {
  font-weight: 600;
  color: #5e5873;
  flex-shrink: 0;
}

.ao-alarm-body {
  color: #6e6b7b;
}

.ao-siblings {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
  gap: 0.75rem;
}

.ao-sibling {
  border: 1px solid #ebe9f1;
  border-radius: 0.375rem;
  padding: 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  background: #ffffff;
  text-align: left;
  width: 100%;
  transition: border-color 0.15s ease-in-out, background-color 0.15s ease-in-out;
}

.ao-sibling:hover {
  border-color: #2980b9;
}

.ao-sibling--current {
  border-color: rgba(41, 128, 185, 0.24);
  background: rgba(41, 128, 185, 0.06);
  cursor: default;
}

.ao-sibling--current:hover {
  border-color: rgba(41, 128, 185, 0.24);
}

.ao-sibling-top {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.ao-sibling-name {
  font-weight: 600;
  color: #5e5873;
  font-size: 0.9rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ao-sibling-here {
  margin-left: auto;
  flex-shrink: 0;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #2980b9;
}

.ao-dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  flex-shrink: 0;
  display: inline-block;
}

.ao-dot--green {
  background: #28c76f;
}

.ao-dot--yellow {
  background: #ff9f43;
}

.ao-dot--red {
  background: #ea5455;
}

.ao-dot--grey {
  background: #b8c2cc;
}

.ao-defs {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 0.25rem 0.75rem;
  font-size: 0.857rem;
  margin: 0;
}

.ao-defs dt {
  color: #6e6b7b;
  font-weight: 400;
}

.ao-defs dd {
  margin: 0;
  text-align: right;
  font-weight: 500;
  color: #5e5873;
  font-variant-numeric: tabular-nums;
}

.ao-defs-bad {
  color: #ea5455;
}

.ao-defs-empty {
  font-style: italic;
  font-weight: 400;
  color: #6e6b7b;
}

.ao-stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
  gap: 1px;
  background: #ebe9f1;
  border: 1px solid #ebe9f1;
  border-radius: 0.375rem;
  overflow: hidden;
}

.ao-stat {
  background: #ffffff;
  padding: 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}

.ao-stat-value {
  font-size: 1.5rem;
  font-weight: 600;
  color: #5e5873;
  font-variant-numeric: tabular-nums;
  line-height: 1.1;
}

.ao-stat-value small {
  font-size: 0.857rem;
  font-weight: 400;
  color: #716e87;
}

.ao-stat-value--bad {
  color: #ea5455;
}

.ao-stat-key {
  font-size: 0.82rem;
  color: #6e6b7b;
}

.ao-stat-foot {
  font-size: 0.82rem;
  color: #716e87;
}

.ao-chart {
  margin-top: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.ao-bars {
  display: flex;
  align-items: flex-end;
  gap: 3px;
  height: 68px;
  padding-bottom: 2px;
  border-bottom: 1px solid #d8d6de;
}

.ao-bar {
  flex: 1 1 0;
  min-width: 0;
  background: #2980b9;
  opacity: 0.55;
  border-radius: 2px 2px 0 0;
  min-height: 2px;
}

.ao-bar--zero {
  background: #b8c2cc;
  opacity: 0.45;
  height: 2px;
}

.ao-bar--last {
  opacity: 1;
}

.ao-axis {
  display: flex;
  justify-content: space-between;
  font-size: 0.82rem;
  color: #716e87;
  font-variant-numeric: tabular-nums;
}

.ao-modules {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.ao-module {
  display: grid;
  grid-template-columns: 11rem 1fr 6.5rem;
  align-items: center;
  gap: 0.75rem;
  font-size: 0.857rem;
}

.ao-module-name {
  color: #5e5873;
  font-weight: 500;
}

.ao-module-track {
  height: 8px;
  background: #f8f8f8;
  border: 1px solid #ebe9f1;
  border-radius: 0.25rem;
  overflow: hidden;
}

.ao-module-fill {
  display: block;
  height: 100%;
  background: #2980b9;
  opacity: 0.7;
}

.ao-module-fill--other {
  background: #b8c2cc;
  opacity: 0.9;
}

.ao-module-value {
  text-align: right;
  font-variant-numeric: tabular-nums;
  color: #716e87;
  font-size: 0.82rem;
}

.ao-module-value b {
  color: #5e5873;
  font-weight: 600;
}

.ao-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.857rem;
}

.ao-table th {
  text-align: left;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #6b6779;
  padding: 0 0.5rem 0.5rem;
  border-bottom: 2px solid #d8d6de;
  white-space: nowrap;
}

.ao-table td {
  padding: 0.5rem;
  border-bottom: 1px solid #eeedf3;
  vertical-align: middle;
}

.ao-table tbody tr:last-child td {
  border-bottom: 0;
}

.ao-table th:first-child,
.ao-table td:first-child {
  padding-left: 0;
}

.ao-table .ao-num {
  text-align: right;
  font-variant-numeric: tabular-nums;
}

.ao-table .ao-name {
  font-weight: 500;
  color: #5e5873;
  white-space: nowrap;
}

.ao-row-staff {
  background: rgba(255, 159, 67, 0.05);
}

.ao-row-quiet td {
  color: #6e6b7b;
  font-style: italic;
}

.ao-scroll {
  overflow-x: auto;
}

.ao-tenant-band {
  border: 1px dashed #d8d6de;
  border-radius: 0.72rem;
  background: transparent;
  box-shadow: none;
  padding: 1rem 1.5rem;
}

.ao-cols {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
  gap: 1rem;
}

.ao-footnote {
  font-size: 0.82rem;
  color: #716e87;
  font-style: italic;
  margin: 0.75rem 0 0;
}

.dark-layout .ao-section-title,
.dark-layout .ao-hero-name,
.dark-layout .ao-sibling-name,
.dark-layout .ao-alarm-title,
.dark-layout .ao-stat-value,
.dark-layout .ao-module-name,
.dark-layout .ao-table .ao-name,
.dark-layout .ao-defs dd {
  color: #d0d2d6;
}

.dark-layout .ao-hero-meta,
.dark-layout .ao-alarm-body,
.dark-layout .ao-defs dt,
.dark-layout .ao-stat-key,
.dark-layout .ao-table td {
  color: #b4b7bd;
}

.dark-layout .ao-section-note,
.dark-layout .ao-stat-foot,
.dark-layout .ao-axis,
.dark-layout .ao-module-value,
.dark-layout .ao-footnote,
.dark-layout .ao-label {
  color: #676d7d;
}

.dark-layout .ao-db,
.dark-layout .ao-score,
.dark-layout .ao-module-track,
.dark-layout .ao-stats {
  background: #161d31;
  border-color: #3b4253;
}

.dark-layout .ao-stat {
  background: #283046;
}

.dark-layout .ao-sibling {
  background: #283046;
  border-color: #3b4253;
}

.dark-layout .ao-alarm,
.dark-layout .ao-table td {
  border-top-color: #3b4253;
  border-bottom-color: #3b4253;
}

.dark-layout .ao-table th {
  color: #9aa0b0;
  border-bottom-color: #3b4253;
}

.dark-layout .ao-tenant-band {
  border-color: #3b4253;
}

@media (max-width: 768px) {
  .ao-module {
    grid-template-columns: 7.5rem 1fr 5.5rem;
  }

  .ao-hero-name {
    font-size: 1.286rem;
  }
}

.admin-version .current-version {
  font-size: 2rem;
  font-weight: 600;
  color: #2980b9;
}

.admin-version .current-version .update-badge {
  margin-left: 0.5rem;
  font-size: 0.857rem;
  font-weight: 500;
  vertical-align: middle;
}

.admin-version .git-meta li {
  margin-bottom: 0.25rem;
}

.admin-version .version-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.admin-version .git-label {
  color: #6e6b7b;
  margin-right: 0.5rem;
}

.admin-version .git-value {
  font-weight: 500;
  color: #5e5873;
}

.admin-version .version-list .version-item {
  padding: 0.75rem 0;
  border-bottom: 1px solid #ebe9f1;
}

.admin-version .version-list .version-item:last-child {
  border-bottom: none;
}

.admin-version .version-head {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.25rem;
}

.admin-version .version-badge {
  font-size: 0.9rem;
}

.admin-version .version-date {
  color: #6e6b7b;
  font-size: 0.857rem;
}

.admin-version .version-messages {
  margin: 0;
  padding-left: 1.25rem;
  color: #6e6b7b;
}

.admin-version .pending-list {
  color: #6e6b7b;
  padding-left: 1.25rem;
  max-height: 20rem;
  overflow-y: auto;
}

.admin-version .pending-list li {
  padding: 0.25rem 0;
}

.admin-version .job-progress {
  border: 1px solid #ebe9f1;
  border-radius: 0.375rem;
  padding: 0.75rem;
}

.admin-version .job-progress-head {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}

.admin-version .job-progress-meta {
  color: #6e6b7b;
  font-size: 0.857rem;
}

.admin-version .job-steps .job-step {
  display: flex;
  align-items: center;
  margin-bottom: 0.25rem;
  font-size: 0.857rem;
  color: #5e5873;
}

.admin-version .job-steps .job-step:last-child {
  margin-bottom: 0;
}

.admin-version .job-step-running {
  color: #6e6b7b;
}

.bump-option {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}

.bump-label {
  margin-right: 0.5rem;
}

.bump-arrow {
  color: #6e6b7b;
  font-size: 0.857rem;
}

.push-changelog {
  min-height: 20vh !important;
  max-height: 60vh !important;
  overflow-y: auto !important;
}

.tv-page .tv-back {
  margin-bottom: 1rem;
}

.tv-page .tv-back-link {
  display: inline-flex;
  align-items: center;
  color: #6e6b7b;
  font-size: 0.9rem;
  font-weight: 500;
}

.tv-page .tv-back-link:hover {
  color: #2980b9;
  text-decoration: underline;
}

.tv-page .tv-hero-actions {
  display: flex;
  align-items: center;
}

.tv-page .tv-roadmap {
  border: 1px dashed #dae1e7;
  box-shadow: none;
  margin-top: 1.5rem;
}

.tv-page .tv-roadmap-head {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}

.tv-page .tv-roadmap-icon {
  width: 34px;
  height: 34px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #f3f2f7;
  color: #82868b;
  font-size: 0.85rem;
}

.tv-page .tv-roadmap-title {
  margin: 0;
  font-size: 1.05rem;
  font-weight: 600;
  color: #5e5873;
}

.tv-page .tv-roadmap-intro {
  color: #6e6b7b;
  font-size: 0.88rem;
  margin-bottom: 1.25rem;
}

.tv-page .tv-roadmap-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem 1.5rem;
}

.tv-page .tv-roadmap-list li {
  display: flex;
  align-items: flex-start;
  gap: 0.6rem;
}

.tv-page .tv-roadmap-dot {
  color: #b8c2cc;
  font-size: 0.5rem;
  margin-top: 0.4rem;
  flex-shrink: 0;
}

.tv-page .tv-roadmap-item-title {
  font-weight: 500;
  color: #5e5873;
  font-size: 0.9rem;
}

.tv-page .tv-roadmap-item-desc {
  color: #9a97a5;
  font-size: 0.8rem;
  line-height: 1.4;
}

@media (max-width: 768px) {
  .tv-page .tv-roadmap-list {
    grid-template-columns: 1fr;
  }
}

.ai-settings .ai-settings__icon {
  width: 40px;
  height: 40px;
  border-radius: 0.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(41, 128, 185, 0.12);
  color: #2980b9;
  font-size: 1.25rem;
}

.ai-settings .provider-card {
  border: 1px solid #ebe9f1;
  border-radius: 0.6rem;
  padding: 1rem;
  height: 100%;
  background: #ffffff;
  transition: all 0.2s ease;
}

.ai-settings .provider-card:hover {
  box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.1);
}

.ai-settings .provider-card__badge {
  width: 36px;
  height: 36px;
  border-radius: 0.357rem;
  background: #2980b9;
  color: #ffffff;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ai-settings .usage-stat {
  background: #f3f2f7;
  border-radius: 0.6rem;
  padding: 0.75rem 1rem;
}

.ai-settings .usage-stat__label {
  font-size: 0.857rem;
  color: #6e6b7b;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

.ai-settings .usage-stat__value {
  font-size: 1.5rem;
  font-weight: 600;
  color: #5e5873;
  font-variant-numeric: tabular-nums;
}

.ai-settings .ai-table thead th {
  background: #f3f2f7;
  font-size: 0.857rem;
  text-transform: uppercase;
  color: #5e5873;
}

.ai-settings .ai-settings__image-tools {
  border: 1px solid #ebe9f1;
  border-radius: 0.6rem;
  margin-top: 0.5rem;
  padding: 1rem;
}

.ai-settings .ai-settings__image-tools-title {
  font-size: 1.07rem;
  font-weight: 600;
  margin-bottom: 0.25rem;
}

.role-start {
  padding: 1rem 1.5rem 1.5rem;
  border: 1px solid #ebe9f1;
  border-radius: 0.72rem;
}

.role-start .role-start-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
}

.role-start .role-template-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
  gap: 0.75rem;
}

.role-start .role-template-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.15rem;
  padding: 0.75rem 1rem;
  text-align: left;
  background: #ffffff;
  border: 1px solid #ebe9f1;
  border-radius: 0.6rem;
  cursor: pointer;
  transition: all 0.2s ease;
}

.role-start .role-template-card:hover {
  border-color: #2980b9;
  box-shadow: 0 1px 2px 0 rgba(34, 41, 47, 0.06), 0 4px 16px 0 rgba(34, 41, 47, 0.08);
}

.role-start .role-template-card.is-applied {
  border-color: #2980b9;
  background: rgba(41, 128, 185, 0.06);
}

.role-start .role-template-icon {
  color: #2980b9;
  margin-bottom: 0.25rem;
}

.role-start .role-template-label {
  font-weight: 600;
  color: #5e5873;
}

.role-start .role-template-description {
  color: #6e6b7b;
  line-height: 1.35;
}

.role-start .role-template-count {
  margin-top: 0.25rem;
  font-size: 0.82rem;
  color: #6e6b7b;
  font-variant-numeric: tabular-nums;
}

.role-start .role-start-copy {
  margin-top: 1.5rem;
  padding-top: 1rem;
  border-top: 1px solid #ebe9f1;
}

.role-start .role-start-copy label {
  display: block;
  font-size: 0.857rem;
  color: #5e5873;
}

.role-start .role-copy-select {
  max-width: 280px;
}

.role-start .close-note {
  border: 0;
  background: none;
  font-size: 1.25rem;
  line-height: 1;
  color: inherit;
  opacity: 0.6;
  cursor: pointer;
}

.role-start .close-note:hover {
  opacity: 1;
}

.dark-layout .role-start {
  border-color: #3b4253;
}

.dark-layout .role-start .role-template-card {
  background: #283046;
  border-color: #3b4253;
}

.dark-layout .role-start .role-template-label {
  color: #d0d2d6;
}

.dark-layout .role-start .role-template-description,
.dark-layout .role-start .role-template-count {
  color: #676d7d;
}

.dark-layout .role-start .role-start-copy {
  border-top-color: #3b4253;
}

.dark-layout .role-start .role-start-copy label {
  color: #d0d2d6;
}

.role-permissions .role-permissions-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 1rem;
}

.role-permissions .role-permissions-search {
  max-width: 320px;
}

.role-permissions .role-permissions-toolbar-actions {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.role-permissions .role-permissions-count {
  font-size: 0.82rem;
  color: #6e6b7b;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.role-permissions .role-permissions-empty {
  margin: 1.5rem 0;
  color: #6e6b7b;
}

.role-permissions .role-dependency-note,
.role-permissions .role-dependency-warning {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  border-radius: 0.6rem;
  font-size: 0.857rem;
  line-height: 1.45;
}

.role-permissions .role-dependency-note {
  background: rgba(41, 128, 185, 0.08);
  color: #5e5873;
}

.role-permissions .role-dependency-note .fa {
  color: #2980b9;
}

.role-permissions .role-dependency-warning {
  background: rgba(255, 159, 67, 0.12);
  color: #5e5873;
}

.role-permissions .role-dependency-warning .fa {
  color: #ff9f43;
}

.role-permissions .close-note {
  margin-left: auto;
  border: 0;
  background: none;
  font-size: 1.25rem;
  line-height: 1;
  color: inherit;
  opacity: 0.6;
  cursor: pointer;
}

.role-permissions .close-note:hover {
  opacity: 1;
}

.role-permissions .role-module-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  width: 100%;
}

.role-permissions .role-module-title {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-weight: 600;
  color: #5e5873;
}

.role-permissions .role-module-icon {
  width: 1.25rem;
  text-align: center;
  color: #2980b9;
}

.role-permissions .role-module-meta {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.role-permissions .role-module-count {
  font-size: 0.82rem;
  color: #6e6b7b;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.role-permissions .role-permissions-table-wrap {
  overflow-x: auto;
}

.role-permissions .role-permissions-table thead th {
  border-bottom: 2px solid #d8d6de !important;
  background: transparent !important;
  font-weight: 700;
  font-size: 0.82rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #6b6779;
  white-space: nowrap;
}

.role-permissions .role-permissions-table tbody td {
  border-top: 1px solid #eeedf3;
  vertical-align: middle;
  padding: 7px 10px;
}

.role-permissions .role-permissions-table .resource-column {
  min-width: 220px;
}

.role-permissions .role-permissions-table .extra-column {
  min-width: 260px;
  text-align: center;
}

.role-permissions .role-permissions-table .permission-checkbox.custom-control {
  display: inline-flex;
  justify-content: center;
  margin: 0 auto;
}

.role-permissions .role-permissions-table .additional-permission-row td {
  background: #fafafc;
}

.role-permissions .additional-toggle-btn {
  min-width: 32px;
  min-height: 28px;
  padding: 0.15rem 0.35rem;
}

.role-permissions .additional-column-cell {
  vertical-align: middle;
}

.role-permissions .additional-column-cell .permission-checkbox.custom-control,
.role-permissions .additional-column-cell .additional-placeholder {
  margin: 0 auto;
}

.role-permissions .role-supporting-toggle {
  margin-top: 1rem;
}

.role-permissions .role-supporting-hint {
  margin: 0.5rem 0 0;
  font-size: 0.82rem;
  color: #6e6b7b;
}

.role-permissions .role-supporting-table {
  margin-top: 0.5rem;
}

.role-permissions .role-supporting-table tbody td {
  background: #fafafc;
}

.role-permissions .custom-control-warning.custom-checkbox .custom-control-label::before {
  border-color: #ff9f43 !important;
}

.role-permissions .custom-control-warning.custom-checkbox .custom-control-input:not(:checked) ~ .custom-control-label::before {
  border-color: #ff9f43 !important;
  background-color: #ffffff !important;
}

.role-permissions .custom-control-warning.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  border-color: #ff9f43 !important;
  background-color: #ff9f43 !important;
}

.role-permissions .custom-control-warning.custom-checkbox .custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(255, 159, 67, 0.25) !important;
}

.role-permissions .role-permissions-table thead th.delete-header-cell {
  color: #ff9f43 !important;
}

.dark-layout .role-permissions .role-dependency-note,
.dark-layout .role-permissions .role-dependency-warning {
  color: #d0d2d6;
}

.dark-layout .role-permissions .role-permissions-count,
.dark-layout .role-permissions .role-module-count,
.dark-layout .role-permissions .role-permissions-empty,
.dark-layout .role-permissions .role-supporting-hint {
  color: #676d7d;
}

.dark-layout .role-permissions .role-module-title {
  color: #d0d2d6;
}

.dark-layout .role-permissions .role-permissions-table thead th {
  border-bottom-color: #3b4253 !important;
  color: #9aa0b0;
}

.dark-layout .role-permissions .role-permissions-table tbody td {
  border-top-color: #3b4253;
}

.dark-layout .role-permissions .role-permissions-table .additional-permission-row td {
  background: #242b3d;
}

.dark-layout .role-permissions .role-supporting-table tbody td {
  background: #242b3d;
}

.dark-layout .role-permissions .custom-control-warning.custom-checkbox .custom-control-input:not(:checked) ~ .custom-control-label::before {
  background-color: #283046 !important;
}

.merge-preview {
  background: rgba(235, 233, 241, 0.25);
  border: 1px solid #ebe9f1;
  border-radius: 0.72rem;
  padding: 1rem;
}

.merge-party {
  height: 100%;
  background: #ffffff;
  border: 1px solid #ebe9f1;
  border-radius: 0.72rem;
  padding: 0.75rem;
}

.merge-party--target {
  border-left: 3px solid #2980b9;
}

.merge-party--source {
  border-left: 3px solid #ff9f43;
}

.merge-party__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.5rem;
}

.merge-party__role,
.merge-party__label {
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #6e6b7b;
}

.merge-party__id {
  font-family: "DM Mono", "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 0.82rem;
  color: #6e6b7b;
  white-space: nowrap;
}

.merge-party__name {
  font-size: 1.07rem;
  font-weight: 600;
  color: #5e5873;
  line-height: 1.25;
  margin-top: 0.25rem;
}

.merge-party__badges {
  margin-top: 0.5rem;
  min-height: 1.25rem;
}

.merge-party__sub {
  color: #6e6b7b;
}

.merge-party__section {
  margin-top: 0.75rem;
  padding-top: 0.75rem;
  border-top: 1px solid #ebe9f1;
}

.merge-party__hint {
  color: #6e6b7b;
  font-size: 0.82rem;
  margin-top: 0.25rem;
}

.merge-facts {
  display: grid;
  grid-template-columns: minmax(7rem, 40%) 1fr;
  gap: 0.25rem 0.75rem;
  margin: 0.75rem 0 0;
}

.merge-facts dt {
  font-size: 0.82rem;
  font-weight: 600;
  color: #6e6b7b;
}

.merge-facts dd {
  margin: 0;
  color: #5e5873;
  word-break: break-word;
}

.merge-facts__empty {
  font-style: italic;
  color: #6e6b7b;
}

.merge-facts__diff {
  color: #ff9f43;
  font-weight: 600;
}

.merge-docs {
  margin-top: 0.5rem;
}

.merge-docs th {
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #6b6779;
  border-top: 0;
  border-bottom: 2px solid #d8d6de;
  padding: 4px 8px;
}

.merge-docs td {
  padding: 4px 8px;
  border-top: 0;
  border-bottom: 1px solid #eeedf3;
}

.merge-docs tfoot td {
  font-weight: 600;
  color: #5e5873;
  border-bottom: 0;
}

.merge-docs .text-right {
  font-variant-numeric: tabular-nums;
}

.merge-users {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid #ebe9f1;
}

.merge-result-type {
  background: #ffffff;
  border: 1px solid #ebe9f1;
  border-radius: 0.72rem;
  padding: 0.75rem 1rem;
}

.merge-result-type__label {
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #6e6b7b;
  margin-bottom: 0.5rem;
}

.merge-result-type__hint {
  font-size: 0.82rem;
  color: #6e6b7b;
  margin-top: 0.5rem;
  margin-bottom: 0;
}

.merge-result-type__locked {
  color: #ff9f43;
  font-weight: 600;
}

.merge-type-badge {
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  padding: 0.05rem 0.4rem;
  border-radius: 0.72rem;
  border: 1px solid #d8d6de;
  color: #6e6b7b;
  white-space: nowrap;
}

.merge-type-badge--service {
  border-color: #ff9f43;
  color: #ff9f43;
}

.merge-option {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
}

.merge-option__code {
  font-family: "DM Mono", "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 0.82rem;
  color: #6e6b7b;
  white-space: nowrap;
}

.merge-option__name {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.merge-suggestions {
  background: rgba(235, 233, 241, 0.25);
  border: 1px solid #ebe9f1;
  border-radius: 0.72rem;
  padding: 1rem;
}

.merge-suggestions__count {
  font-size: 0.82rem;
  font-weight: 700;
  color: #6e6b7b;
}

.merge-suggestion {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 0;
  border-bottom: 1px solid #ebe9f1;
}

.merge-suggestion:last-child {
  border-bottom: 0;
}

.merge-suggestion__main {
  flex: 1 1 auto;
  min-width: 0;
}

.merge-suggestion__pair {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 0.25rem;
}

.merge-suggestion__name {
  font-weight: 600;
  color: #5e5873;
}

.merge-suggestion__reason {
  font-size: 0.82rem;
  color: #6e6b7b;
  margin-top: 0.125rem;
}

.merge-suggestion__more {
  font-size: 0.82rem;
  color: #6e6b7b;
}

.merge-suggestion__actions {
  flex: 0 0 auto;
  white-space: nowrap;
}

@media (max-width: 767.98px) {
  .merge-suggestion {
    flex-wrap: wrap;
  }

  .merge-suggestion__actions {
    width: 100%;
  }
}

.dark-layout .merge-suggestions {
  background: rgba(59, 66, 83, 0.35);
  border-color: #3b4253;
}

.dark-layout .merge-suggestions__count {
  color: #b4b7bd;
}

.dark-layout .merge-suggestion {
  border-bottom-color: #3b4253;
}

.dark-layout .merge-suggestion__name {
  color: #d0d2d6;
}

.dark-layout .merge-suggestion__reason {
  color: #b4b7bd;
}

.dark-layout .merge-preview {
  background: rgba(59, 66, 83, 0.35);
  border-color: #3b4253;
}

.dark-layout .merge-party {
  background: #283046;
  border-color: #3b4253;
}

.dark-layout .merge-party__name {
  color: #d0d2d6;
}

.dark-layout .merge-party__role,
.dark-layout .merge-party__label,
.dark-layout .merge-party__id,
.dark-layout .merge-party__sub {
  color: #b4b7bd;
}

.dark-layout .merge-facts dt {
  color: #b4b7bd;
}

.dark-layout .merge-facts dd {
  color: #d0d2d6;
}

.dark-layout .merge-facts__empty {
  color: #b4b7bd;
}

.dark-layout .merge-docs th {
  color: #9aa0b0;
  border-bottom-color: #3b4253;
}

.dark-layout .merge-docs td {
  border-bottom-color: #3b4253;
}

.dark-layout .merge-docs tfoot td {
  color: #d0d2d6;
}

.dark-layout .merge-users {
  border-top-color: #3b4253;
}

.dark-layout .merge-result-type {
  background: #283046;
  border-color: #3b4253;
}

.dark-layout .merge-result-type__label,
.dark-layout .merge-result-type__hint {
  color: #b4b7bd;
}

.dark-layout .merge-type-badge {
  border-color: #3b4253;
  color: #b4b7bd;
}

.dark-layout .merge-type-badge--service {
  border-color: #ff9f43;
  color: #ff9f43;
}

.dark-layout .merge-option__code {
  color: #b4b7bd;
}

.dt-tokens {
  border: 1px solid #ebe9f1;
  border-radius: 0.72rem;
  background: #ffffff;
  display: flex;
  flex-direction: column;
  max-height: 520px;
}

.dt-tokens__head {
  padding: 0.75rem;
  border-bottom: 1px solid #ebe9f1;
}

.dt-tokens__title {
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #5e5873;
  margin-bottom: 0.25rem;
}

.dt-tokens__hint {
  font-size: 0.82rem;
  color: #6e6b7b;
  line-height: 1.25;
  margin: 0;
}

.dt-tokens__body {
  overflow-y: auto;
  padding: 0.5rem;
}

.dt-tokens__group-label {
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #6e6b7b;
  padding: 0.5rem 0.25rem 0.25rem;
}

.dt-tokens__item {
  display: block;
  width: 100%;
  text-align: left;
  border: 0;
  background: transparent;
  border-radius: 0.375rem;
  padding: 0.25rem 0.5rem;
  cursor: pointer;
  transition: background 0.15s ease-in-out;
}

.dt-tokens__item:hover,
.dt-tokens__item:focus-visible {
  background: rgba(41, 128, 185, 0.08);
}

.dt-tokens__item-label {
  display: block;
  font-size: 0.857rem;
  color: #5e5873;
  line-height: 1.25;
}

.dt-tokens__item-token {
  display: block;
  font-family: "DM Mono", "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 0.82rem;
  color: #6e6b7b;
}

.dt-field-row {
  border: 1px solid #ebe9f1;
  border-radius: 0.72rem;
  background: #ffffff;
  padding: 0.75rem;
  margin-bottom: 0.5rem;
}

.dt-field-row__handle {
  cursor: grab;
  color: #c3c0cd;
  padding: 0 0.5rem;
}

.dt-field-row__handle:active {
  cursor: grabbing;
}

.dt-field-row__token {
  font-family: "DM Mono", "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 0.82rem;
  color: #6e6b7b;
  word-break: break-all;
}

.dt-preview {
  background: #f8f8f8;
  border: 1px solid #ebe9f1;
  border-radius: 0.72rem;
  padding: 1rem;
  height: calc(100vh - 18rem);
  min-height: 420px;
  overflow: auto;
}

.dt-preview--modal {
  height: calc(100vh - 16rem);
}

.dt-preview__sheet {
  background: #ffffff;
  box-shadow: 0 1px 2px 0 rgba(34, 41, 47, 0.06), 0 4px 16px 0 rgba(34, 41, 47, 0.08);
  border-radius: 0.375rem;
  padding: 1.5rem;
  margin: 0 auto;
  max-width: 794px;
  color: #000;
  font-size: 0.857rem;
  line-height: 1.45;
}

.dt-preview__sheet img {
  max-width: 100%;
}

.dt-preview__sheet table {
  width: 100%;
  border-collapse: collapse;
}

.dt-preview .ql-align-center {
  text-align: center;
}

.dt-preview .ql-align-right {
  text-align: right;
}

.dt-preview .ql-align-justify {
  text-align: justify;
}

.dt-override--changed {
  border-color: #ff9f43;
}

.dt-override__mark {
  margin-left: 0.25rem;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #9c6129;
}

.dt-history__item {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.5rem 0;
  border-bottom: 1px solid #ebe9f1;
}

.dt-history__item:last-child {
  border-bottom: 0;
}

.dt-history__meta {
  font-size: 0.82rem;
  color: #6e6b7b;
  white-space: nowrap;
}

.dark-layout .dt-tokens,
.dark-layout .dt-field-row {
  background: #283046;
  border-color: #3b4253;
}

.dark-layout .dt-tokens__head {
  border-bottom-color: #3b4253;
}

.dark-layout .dt-tokens__title {
  color: #d0d2d6;
}

.dark-layout .dt-tokens__hint,
.dark-layout .dt-tokens__group-label,
.dark-layout .dt-tokens__item-token,
.dark-layout .dt-field-row__token,
.dark-layout .dt-history__meta {
  color: #b4b7bd;
}

.dark-layout .dt-tokens__item-label {
  color: #d0d2d6;
}

.dark-layout .dt-preview {
  background: #161d31;
  border-color: #3b4253;
}

.dark-layout .dt-history__item {
  border-bottom-color: #3b4253;
}

.recurring-invoices-toolbar {
  row-gap: 0.75rem;
}

.recurring-invoices-toolbar .form-control,
.recurring-invoices-toolbar .vs__dropdown-toggle {
  min-height: 38px;
}

.recurring-invoices-toolbar label {
  margin-bottom: 0.2857rem;
  font-size: 0.857rem;
}

.recurring-invoices-toolbar .custom-switch {
  white-space: nowrap;
}

.recurring-invoices-missed {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
  padding: 0.65rem 1rem;
}

.recurring-invoices-missed .btn {
  margin-left: auto;
  flex: 0 0 auto;
}

.recurring-invoice-send__summary {
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: 0.35rem 1rem;
  margin-bottom: 1.5rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #ebe9f1;
}

.dark-layout .recurring-invoice-send__summary {
  border-bottom-color: #3b4253;
}

.recurring-invoice-send__summary dt {
  color: #716e87;
  font-weight: 400;
}

.dark-layout .recurring-invoice-send__summary dt {
  color: #b4b7bd;
}

.recurring-invoice-send__summary dd {
  margin-bottom: 0;
  color: #5e5873;
  font-weight: 500;
  overflow-wrap: anywhere;
}

.dark-layout .recurring-invoice-send__summary dd {
  color: #d0d2d6;
}

.recurring-invoices-chip {
  display: inline-block;
  margin-left: 0.4rem;
  padding: 0 0.4rem;
  border: 1px solid #d8d6de;
  border-radius: 0.25rem;
  color: #716e87;
  font-size: 0.75rem;
  line-height: 1.35;
  vertical-align: middle;
  white-space: nowrap;
}

.shop-filters,
.crm-filters {
  margin: -1rem -1.5rem;
}

.shop-filters__group,
.crm-filters__group {
  border-bottom: 1px solid #ebe9f1;
}

.shop-filters__group:last-child,
.crm-filters__group:last-child {
  border-bottom: 0;
}

.shop-filters__head,
.crm-filters__head {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  padding: 0.75rem 1.5rem;
  border: 0;
  background: none;
  text-align: left;
  color: #5e5873;
  cursor: pointer;
}

.shop-filters__head:hover,
.crm-filters__head:hover {
  background: #f6f6f9;
}

.shop-filters__head:focus-visible,
.crm-filters__head:focus-visible {
  outline: 2px solid #2980b9;
  outline-offset: -2px;
}

.shop-filters__title,
.crm-filters__title {
  font-size: 0.93rem;
  font-weight: 600;
}

.shop-filters__value,
.crm-filters__value {
  margin-left: auto;
  font-size: 0.82rem;
  color: #82868b;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 55%;
}

.shop-filters__caret,
.crm-filters__caret {
  flex: none;
  color: #c3c0cd;
  font-size: 0.8rem;
  line-height: 1;
  transition: transform 0.15s ease-in-out;
}

.shop-filters__caret.is-open,
.crm-filters__caret.is-open {
  transform: rotate(90deg);
}

.shop-filters__body,
.crm-filters__body {
  padding: 0 1.5rem 1rem;
}

.shop-filters__row,
.crm-filters__row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.35rem 0;
}

.shop-filters__row .custom-control,
.crm-filters__row .custom-control {
  flex: 1;
  min-width: 0;
}

.shop-filters__row .custom-control-label,
.crm-filters__row .custom-control-label {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shop-filters__row--nested,
.crm-filters__row--nested {
  padding-left: calc(var(--depth, 0) * 1.05rem);
}

.shop-filters__count,
.crm-filters__count {
  flex: none;
  font-size: 0.82rem;
  color: #9a97a5;
  font-variant-numeric: tabular-nums;
}

.shop-filters__hint,
.crm-filters__hint {
  margin: 0.5rem 0 0;
  font-size: 0.82rem;
  color: #9a97a5;
  line-height: 1.4;
}

.shop-filters__link,
.crm-filters__link {
  border: 0;
  background: none;
  padding: 0.5rem 0 0;
  color: #2980b9;
  font-size: 0.82rem;
  cursor: pointer;
}

.shop-filters__link:hover,
.crm-filters__link:hover {
  text-decoration: underline;
}

.shop-filters__search,
.crm-filters__search {
  margin-bottom: 0.5rem;
}

.shop-filters__sort,
.crm-filters__sort {
  display: inline-flex;
  margin-bottom: 0.5rem;
  border: 1px solid #ebe9f1;
  border-radius: 0.25rem;
  overflow: hidden;
}

.shop-filters__sort-btn,
.crm-filters__sort-btn {
  padding: 0.2rem 0.55rem;
  border: 0;
  border-right: 1px solid #ebe9f1;
  background: #ffffff;
  color: #9a97a5;
  font-size: 0.82rem;
  line-height: 1.4;
  cursor: pointer;
}

.shop-filters__sort-btn:last-child,
.crm-filters__sort-btn:last-child {
  border-right: 0;
}

.shop-filters__sort-btn:hover,
.crm-filters__sort-btn:hover {
  color: #5e5873;
}

.shop-filters__sort-btn.is-active,
.crm-filters__sort-btn.is-active {
  background: rgba(41, 128, 185, 0.1);
  color: #2980b9;
  font-weight: 600;
}

.shop-filters__sort-btn:focus-visible,
.crm-filters__sort-btn:focus-visible {
  outline: 2px solid #2980b9;
  outline-offset: -2px;
}

.shop-filters__active,
.crm-filters__active {
  padding: 1rem 1.5rem;
  border-bottom: 1px solid #ebe9f1;
  background: #fbfcfe;
}

.shop-filters__chips,
.crm-filters__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
}

.shop-filters__chip,
.crm-filters__chip {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  max-width: 100%;
  padding: 0.15rem 0.45rem;
  border: 1px solid rgba(41, 128, 185, 0.28);
  border-radius: 1rem;
  background: rgba(41, 128, 185, 0.09);
  color: #226998;
  font-size: 0.82rem;
  line-height: 1.4;
  cursor: pointer;
}

.shop-filters__chip span,
.crm-filters__chip span {
  flex: none;
  color: rgba(41, 128, 185, 0.6);
  font-weight: 700;
}

.shop-filters__chip:hover,
.crm-filters__chip:hover {
  border-color: #2980b9;
}

.shop-filters__chip:hover span,
.crm-filters__chip:hover span {
  color: #2980b9;
}

.shop-filters__chip-text,
.crm-filters__chip-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shop-filters__clear,
.crm-filters__clear {
  margin-top: 0.5rem;
  border: 0;
  background: none;
  padding: 0;
  color: #2980b9;
  font-size: 0.82rem;
  cursor: pointer;
}

.shop-filters__clear:hover,
.crm-filters__clear:hover {
  text-decoration: underline;
}

.shop-filters__range,
.crm-filters__range {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.shop-filters__range-label,
.crm-filters__range-label {
  flex: none;
  font-size: 0.82rem;
  color: #9a97a5;
}

.shop-filters__attr,
.crm-filters__attr {
  padding-top: 0.75rem;
}

.shop-filters__attr:first-child,
.crm-filters__attr:first-child {
  padding-top: 0;
}

.shop-filters__attr-title,
.crm-filters__attr-title {
  margin-bottom: 0.15rem;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #6b6779;
}

.shop-active-filters {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem;
  margin-top: 1rem;
}

.shop-active-filters__chip {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  max-width: 100%;
  padding: 0.2rem 0.6rem;
  border: 1px solid rgba(41, 128, 185, 0.28);
  border-radius: 1rem;
  background: rgba(41, 128, 185, 0.09);
  color: #226998;
  font-size: 0.82rem;
  line-height: 1.5;
  cursor: pointer;
}

.shop-active-filters__chip span[aria-hidden] {
  flex: none;
  color: rgba(41, 128, 185, 0.6);
  font-weight: 700;
}

.shop-active-filters__chip:hover {
  border-color: #2980b9;
}

.shop-active-filters__chip:hover span[aria-hidden] {
  color: #2980b9;
}

.shop-active-filters__text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shop-active-filters__clear {
  border: 0;
  background: none;
  padding: 0 0.25rem;
  color: #2980b9;
  font-size: 0.82rem;
  cursor: pointer;
}

.shop-active-filters__clear:hover {
  text-decoration: underline;
}

.shop-card__elsewhere {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.25rem;
  margin-top: 0.25rem;
}

.shop-card__elsewhere-label {
  color: #716e87;
  font-size: 0.82rem;
}

.dark-layout .shop-card__elsewhere-label {
  color: #676d7d;
}

.shop-card__elsewhere-item {
  padding: 0 0.25rem;
  border: 0;
  border-radius: 0.25rem;
  background: rgba(41, 128, 185, 0.09);
  color: #246fa1;
  font-size: 0.82rem;
  line-height: 1.6;
  white-space: nowrap;
  cursor: pointer;
}

.shop-card__elsewhere-item:hover,
.shop-card__elsewhere-item:focus-visible {
  background: rgba(41, 128, 185, 0.18);
  color: #1d5880;
}

.dark-layout .shop-card__elsewhere-item {
  background: rgba(41, 128, 185, 0.22);
  color: #d0d2d6;
}

.dark-layout .shop-card__elsewhere-item:hover,
.dark-layout .shop-card__elsewhere-item:focus-visible {
  background: rgba(41, 128, 185, 0.34);
}

.shop-card__elsewhere-item--current {
  background: rgba(113, 110, 135, 0.1);
  color: #716e87;
  cursor: default;
}

.shop-card__elsewhere-item--current:hover,
.shop-card__elsewhere-item--current:focus-visible {
  background: rgba(113, 110, 135, 0.1);
  color: #716e87;
}

.dark-layout .shop-card__elsewhere-item--current {
  background: rgba(103, 109, 125, 0.16);
  color: #676d7d;
}

.dark-layout .shop-card__elsewhere-item--current:hover,
.dark-layout .shop-card__elsewhere-item--current:focus-visible {
  background: rgba(103, 109, 125, 0.16);
  color: #676d7d;
}

.product-checkout .item-quantity,
.checkout-items .item-quantity {
  display: block !important;
}

.product-checkout .remove-from-cart,
.checkout-items .remove-from-cart {
  position: absolute;
  right: 5px;
  top: 5px;
  z-index: 100;
  cursor: pointer;
}

.product-checkout .remove-from-cart i,
.checkout-items .remove-from-cart i {
  padding: 5px;
  font-size: 18px;
}

.product-checkout .ecommerce-card:hover,
.checkout-items .ecommerce-card:hover {
  transform: none !important;
}

.product-checkout .cart-image-wrap,
.checkout-items .cart-image-wrap {
  width: 200px;
  height: 100%;
  align-self: stretch;
  overflow: hidden;
  background-color: #f8f8f8;
  flex-shrink: 0;
}

.product-checkout .cart-image-wrap .cart-image-link,
.checkout-items .cart-image-wrap .cart-image-link {
  display: block;
  width: 100%;
  height: 100%;
}

.product-checkout .cart-image-wrap .cart-image,
.checkout-items .cart-image-wrap .cart-image {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  display: block;
  opacity: 0;
  transform: scale(var(--cart-image-cover-scale, 1));
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s ease;
}

.product-checkout .cart-image-wrap .cart-image--ready,
.product-checkout .cart-image-wrap .cart-image--placeholder,
.checkout-items .cart-image-wrap .cart-image--ready,
.checkout-items .cart-image-wrap .cart-image--placeholder {
  opacity: 1;
}

.product-checkout .cart-image-wrap .cart-image--placeholder,
.checkout-items .cart-image-wrap .cart-image--placeholder {
  -o-object-fit: cover;
     object-fit: cover;
  transform: none;
}

.product-checkout .cart-image-wrap:hover .cart-image:not(.cart-image--placeholder),
.checkout-items .cart-image-wrap:hover .cart-image:not(.cart-image--placeholder) {
  transform: scale(1);
}

.product-checkout .spin-button,
.checkout-items .spin-button {
  display: flex;
  align-items: center;
  width: 100%;
  border-radius: 0.72rem;
  border: 1px solid #d8d6de;
}

.product-checkout .spin-button button,
.checkout-items .spin-button button {
  height: 30px;
  font-size: 18px;
  color: #82868b;
  background-color: #ffffff;
  border: none;
  padding: 0 10px;
  text-align: center;
}

.product-checkout .spin-button button i,
.checkout-items .spin-button button i {
  margin: 0;
}

.product-checkout .spin-button input,
.checkout-items .spin-button input {
  text-align: center;
  font-size: 14px;
  padding: 5px;
  border-left: 1px solid #d8d6de;
  border-right: 1px solid #d8d6de;
  border-top: none;
  border-bottom: none;
  font-weight: 400;
  color: #6e6b7b;
}

.product-checkout .cart-item-checkbox,
.checkout-items .cart-item-checkbox {
  width: 30px;
  height: 30px;
  min-width: 30px;
  min-height: 30px;
  accent-color: #2980b9;
  cursor: pointer;
}

.product-checkout .cart-item-checkbox:checked,
.checkout-items .cart-item-checkbox:checked {
  background-color: #2980b9;
  border-color: #2980b9;
}

.product-checkout .item-options .form-check,
.checkout-items .item-options .form-check {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding-left: 0;
}

.product-checkout .item-options .form-check .cart-item-checkbox,
.checkout-items .item-options .form-check .cart-item-checkbox {
  position: static;
  margin: 0;
  flex-shrink: 0;
}

.product-checkout .item-options .form-check .form-check-label,
.checkout-items .item-options .form-check .form-check-label {
  margin-bottom: 0;
  padding-left: 0;
  line-height: 1.25;
}

.company-view {
  min-width: 800px;
  font-size: 12px;
}

.company-hero {
  border-radius: 12px;
}

.company-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
}

.company-branding {
  gap: 12px;
}

.company-brand-img {
  max-height: 56px;
  max-width: 240px;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 8px;
}

.company-card {
  border-radius: 12px;
}

.company-card-title {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.2px;
}

.company-kv-label,
.company-kv-value {
  margin-bottom: 0.5rem;
}

.company-kv-value {
  word-break: break-word;
}

.company-secret-text {
  padding-right: 0.5rem;
  min-width: 0;
}

.company-secret-toggle {
  border: 0;
  background: transparent;
  padding: 0;
  margin: 0;
  width: 22px;
  height: 22px;
  min-width: 22px;
  min-height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  cursor: pointer;
  border-radius: 4px;
}

.company-secret-toggle:focus,
.company-secret-toggle:active {
  outline: none;
  box-shadow: none;
}

.company-secret-eye {
  font-size: 14px;
  line-height: 1;
}

.company-kv-value--multiline {
  white-space: pre-line;
}

.user-view-info-card .overlay-upload {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(44, 44, 44, 0.03);
  z-index: 10;
  border-radius: 10px;
}

.user-view-info-card .box__uploading {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  left: 0;
  position: absolute;
  background: #ffffff;
  top: 0;
  display: flex;
  align-items: center;
  text-align: center;
  overflow: hidden;
}

.user-view-info-card .file-label {
  height: 100%;
  border-radius: 15px;
  padding: 2px;
  margin: 0 !important;
}

.user-view-info-card .uploaded-image {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.user-view-info-card .file-uploader .fa-times {
  position: absolute;
  right: 0;
  top: 0;
  background: #f8f9fc;
  border-radius: 2px;
  padding: 5px;
  z-index: 100;
  cursor: pointer;
}

.user-view-info-card .files-wrap {
  height: 100%;
}

.user-view-info-card .custom-file-input {
  height: 100% !important;
}

.user-view-info-card .icon-image {
  height: 100%;
}

.user-view-info-card .drop-zone {
  border-radius: 6px;
  width: 105px;
  height: 105px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  cursor: pointer;
  transition: 0.3s ease;
}

.user-view-info-card .drop-zone input {
  height: 100%;
  width: 100%;
}

.user-view-info-card .drop-zone img {
  width: 100%;
  height: 100%;
  padding: 1px;
  border-radius: 6px;
  -o-object-fit: contain;
     object-fit: contain;
  background: #fbfaf5;
}

.user-view-info-card .drop-zone .custom-file {
  height: 100%;
  opacity: 0;
}

.user-view-info-card .drop-zone .custom-file input {
  height: 100%;
  width: 100%;
}

.visitor-hours__stat {
  background: #ffffff;
  border: 1px solid #ebe9f1;
  border-radius: 0.72rem;
  box-shadow: 0 1px 2px 0 rgba(34, 41, 47, 0.06), 0 4px 16px 0 rgba(34, 41, 47, 0.08);
  padding: 1rem;
  height: 100%;
}

.visitor-hours__stat-label {
  font-size: 0.857rem;
  color: #716e87;
  margin-bottom: 0.25rem;
}

.visitor-hours__stat-value {
  font-size: 1.714rem;
  line-height: 1.2;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: #5e5873;
}

.visitor-hours__stat-hint {
  font-size: 0.82rem;
  color: #716e87;
  margin-top: 0.25rem;
}

.visitor-hours__chart-title {
  font-size: 1rem;
  font-weight: 600;
  color: #5e5873;
  margin-bottom: 0.25rem;
}

.visitor-hours__chart-note {
  font-size: 0.82rem;
  color: #716e87;
  margin-bottom: 0.75rem;
}

.visitor-hours__caption {
  caption-side: top;
  text-align: left;
  font-size: 0.82rem;
  color: #716e87;
  padding-bottom: 0.5rem;
}

.visitor-hours__table {
  font-size: 0.82rem;
  font-variant-numeric: tabular-nums;
  width: 100%;
}

.visitor-hours__table th,
.visitor-hours__table td {
  padding: 4px 8px;
  text-align: right;
  white-space: nowrap;
}

.visitor-hours__table th:first-child,
.visitor-hours__table td:first-child {
  text-align: left;
  position: sticky;
  left: 0;
  background: #ffffff;
}

.visitor-hours__table thead th {
  color: #6b6779;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  border-bottom: 1px solid #d8d6de;
}

.visitor-hours__table tbody th {
  font-weight: 600;
  color: #5e5873;
}

.visitor-hours__table tbody tr + tr td {
  border-top: 1px solid #eeedf3;
}

.visitor-hours__table-wrap {
  overflow-x: auto;
}

.visitor-hours__multiples {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.visitor-hours__multiple {
  flex: 1 1 0;
  min-width: 0;
}

.visitor-hours__multiple:first-child {
  flex-grow: 1.3;
}

@media (max-width: 1199.98px) {
  .visitor-hours__multiple {
    flex: 1 1 22%;
    min-width: 160px;
  }
}

@media (max-width: 575.98px) {
  .visitor-hours__multiple {
    flex: 1 1 100%;
  }
}

.visitor-hours__multiple-title {
  font-size: 0.857rem;
  font-weight: 600;
  color: #5e5873;
}

.visitor-hours__multiple-hint {
  font-size: 0.82rem;
  color: #716e87;
  font-variant-numeric: tabular-nums;
}

.visitor-hours__multiple-hint--thin {
  color: #9c6129;
}

.dark-layout .visitor-hours__stat {
  background: #283046;
  border-color: #3b4253;
}

.dark-layout .visitor-hours__stat-value {
  color: #d0d2d6;
}

.dark-layout .visitor-hours__stat-label,
.dark-layout .visitor-hours__stat-hint,
.dark-layout .visitor-hours__chart-note,
.dark-layout .visitor-hours__caption,
.dark-layout .visitor-hours__multiple-hint {
  color: #b4b7bd;
}

.dark-layout .visitor-hours__chart-title,
.dark-layout .visitor-hours__multiple-title {
  color: #d0d2d6;
}

.dark-layout .visitor-hours__table th:first-child,
.dark-layout .visitor-hours__table td:first-child {
  background: #283046;
}

.dark-layout .visitor-hours__table thead th {
  color: #9aa0b0;
  border-bottom-color: #3b4253;
}

.dark-layout .visitor-hours__table tbody th {
  color: #d0d2d6;
}

.dark-layout .visitor-hours__table tbody tr + tr td,
.dark-layout .visitor-hours__table tbody tr + tr th {
  border-top-color: #3b4253;
}

.developments-location {
  margin-top: 1rem;
}

.developments-form-fields {
  border: 0;
  margin: 0;
  padding: 0;
  min-width: 0;
}

.developments-table {
  margin-bottom: 0;
}

.developments-table th,
.developments-table td {
  vertical-align: middle;
}

.developments-table .form-control,
.developments-table .v-select {
  min-width: 5.5rem;
}

.developments-table--costs {
  table-layout: fixed;
  width: 100%;
}

.developments-table--costs__doc {
  width: 22%;
}

.developments-table--costs__date {
  width: 7.5rem;
}

.developments-table--costs__pool {
  width: 12rem;
}

.developments-table--costs__amt {
  width: 7.5rem;
}

.developments-table--costs__vat {
  width: 5.5rem;
}

.developments-table--costs__flag {
  width: 6.5rem;
}

.developments-table--costs th:nth-child(1),
.developments-table--costs td:nth-child(1),
.developments-table--costs th:nth-child(3),
.developments-table--costs td:nth-child(3) {
  overflow-wrap: break-word;
}

.developments-table--costs th:nth-child(2),
.developments-table--costs td:nth-child(2),
.developments-table--costs th:nth-child(5),
.developments-table--costs td:nth-child(5),
.developments-table--costs th:nth-child(6),
.developments-table--costs td:nth-child(6) {
  white-space: nowrap;
}

.developments-table--costs .development-cell {
  display: flex;
  width: 100%;
}

.developments-table--costs .development-cell__sub {
  white-space: normal;
}

.developments-unit-actions {
  white-space: nowrap;
}

.developments-unit-actions .btn-table + .btn-table {
  margin-left: 0.25rem;
}

.development-cell {
  display: inline-flex;
  flex-direction: column;
  line-height: 1.25;
  min-width: 0;
}

.development-cell--right {
  align-items: flex-end;
}

.development-cell__main {
  color: #5e5873;
  font-weight: 600;
}

.dark-layout .development-cell__main {
  color: #d0d2d6;
}

.development-cell__sub {
  font-size: 0.82rem;
  color: #6e6b7b;
  white-space: nowrap;
}

.dark-layout .development-cell__sub {
  color: #b4b7bd;
}

.development-view {
  font-variant-numeric: tabular-nums;
}

.development-banner {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin-bottom: 1rem;
  padding: 0.75rem 1rem;
  border-radius: 0.375rem;
  border-left: 3px solid #ea5455;
  background: rgba(234, 84, 85, 0.1);
}

.development-banner--warning {
  border-left-color: #ff9f43;
  background: rgba(255, 159, 67, 0.1);
}

.development-banner--warning .development-banner__icon,
.development-banner--warning .development-banner__title {
  color: #9c6129;
}

.development-banner--info {
  border-left-color: #00cfe8;
  background: rgba(0, 207, 232, 0.1);
}

.development-banner--info .development-banner__icon,
.development-banner--info .development-banner__title {
  color: #007a89;
}

.development-banner--info .development-banner__link + .development-banner__link {
  border-left-color: rgba(0, 207, 232, 0.5);
}

.dark-layout .development-banner--info .development-banner__icon,
.dark-layout .development-banner--info .development-banner__title {
  color: #00cfe8;
}

.development-banner__icon {
  color: #ea5455;
  margin-top: 0.15rem;
  flex: none;
}

.development-banner__body {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.25rem 0.5rem;
}

.development-banner__title {
  color: #ea5455;
  font-weight: 600;
}

.development-banner__text {
  color: #6e6b7b;
  font-size: 0.857rem;
}

.dark-layout .development-banner__text {
  color: #b4b7bd;
}

.development-banner__link {
  padding: 0;
  border: 0;
  background: none;
  font-size: 0.857rem;
  color: #6e6b7b;
  cursor: pointer;
}

.development-banner__link b {
  font-variant-numeric: tabular-nums;
}

.development-banner__link:hover,
.development-banner__link:focus-visible {
  text-decoration: underline;
}

.development-banner__link + .development-banner__link {
  margin-left: 0.5rem;
  padding-left: 0.5rem;
  border-left: 1px solid rgba(255, 159, 67, 0.5);
}

.dark-layout .development-banner__link {
  color: #b4b7bd;
}

.development-badge {
  display: inline-block;
  padding: 0.12rem 0.42rem;
  border-radius: 0.25rem;
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  white-space: nowrap;
}

.development-badge--primary {
  background: rgba(41, 128, 185, 0.14);
  color: #246fa1;
}

.development-badge--info {
  background: rgba(0, 207, 232, 0.18);
  color: #007a89;
}

.development-badge--ok {
  background: rgba(40, 199, 111, 0.16);
  color: #197d46;
}

.development-badge--warning {
  background: rgba(255, 159, 67, 0.18);
  color: #9c6129;
}

.development-badge--danger {
  background: rgba(234, 84, 85, 0.16);
  color: #b94243;
}

.development-badge--muted {
  background: rgba(130, 134, 139, 0.16);
  color: #686b6f;
}

.development-badge--code {
  background: #fafafc;
  color: #5e5873;
  font-family: "DM Mono", "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  letter-spacing: 0;
  text-transform: none;
}

.dark-layout .development-badge--code {
  background: #242b3d;
  color: #d0d2d6;
}

.dark-layout .development-badge--primary {
  color: #62acdc;
}

.dark-layout .development-badge--info {
  color: #00cfe8;
}

.dark-layout .development-badge--ok {
  color: #28c76f;
}

.dark-layout .development-badge--warning {
  color: #ff9f43;
}

.dark-layout .development-badge--danger {
  color: #ea5455;
}

.dark-layout .development-badge--muted {
  color: #b4b7bd;
}

.development-header__top {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 1rem;
}

.development-header__identity {
  flex: 1 1 340px;
  min-width: 0;
}

.development-header__name-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

.development-header__name {
  margin: 0;
  font-size: 1.35rem;
  font-weight: 600;
  color: #5e5873;
}

.dark-layout .development-header__name {
  color: #d0d2d6;
}

.development-header__project {
  font-size: 0.857rem;
  white-space: nowrap;
}

.development-header__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem 0.75rem;
  margin-top: 0.25rem;
  font-size: 0.857rem;
  color: #6e6b7b;
}

.development-header__meta b {
  color: #5e5873;
  font-weight: 600;
}

.dark-layout .development-header__meta {
  color: #b4b7bd;
}

.dark-layout .development-header__meta b {
  color: #d0d2d6;
}

.development-header__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

.development-header__actions .btn {
  min-height: 30px;
  display: inline-flex;
  align-items: center;
}

.development-header__rule {
  height: 1px;
  margin: 1rem 0;
  background: #ebe9f1;
}

.dark-layout .development-header__rule {
  background: #3b4253;
}

.development-header__label {
  display: block;
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #6e6b7b;
}

.dark-layout .development-header__label {
  color: #b4b7bd;
}

.development-header__muted {
  color: #6e6b7b;
  font-weight: 400;
}

.dark-layout .development-header__muted {
  color: #b4b7bd;
}

.development-header__sub {
  display: block;
  margin-top: 0.15rem;
  font-size: 0.82rem;
  color: #6e6b7b;
}

.development-header__sub b {
  font-variant-numeric: tabular-nums;
}

.dark-layout .development-header__sub {
  color: #b4b7bd;
}

.development-header__position {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 1rem 2rem;
}

.development-header__lead {
  flex: 0 0 auto;
  min-width: 0;
}

.development-header__sides {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 1.5rem;
  min-width: 0;
  padding-left: 2rem;
  border-left: 1px solid #ebe9f1;
  align-self: stretch;
}

.dark-layout .development-header__sides {
  border-left-color: #3b4253;
}

@media (max-width: 575.98px) {
  .development-header__sides {
    padding-left: 0;
    border-left: 0;
  }
}

.development-header__side {
  min-width: 0;
}

.development-header__period {
  display: flex;
  align-items: flex-end;
  gap: 0.5rem;
  margin-left: auto;
}

.development-header__period label {
  display: block;
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #6e6b7b;
  margin-bottom: 0.25rem;
}

.dark-layout .development-header__period label {
  color: #b4b7bd;
}

@media (max-width: 991.98px) {
  .development-header__period {
    margin-left: 0;
    flex-basis: 100%;
  }
}

.development-header__period-field {
  min-width: 8.5rem;
}

.development-header__toggle {
  display: none;
  width: 100%;
  margin-top: 1rem;
  padding: 0.5rem 0;
  border: 0;
  background: none;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #2980b9;
  text-align: left;
}

.development-header__toggle i {
  margin-left: 0.5rem;
  transition: transform 0.2s ease;
}

.development-header__toggle.is-open i {
  transform: rotate(180deg);
}

@media (max-width: 767.98px) {
  .development-header__toggle {
    display: block;
  }
}

@media (max-width: 767.98px) {
  .development-header__details {
    display: none;
  }

  .development-header__details.is-open {
    display: block;
  }
}

.development-header__groups {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 1rem 3rem;
}

@media (max-width: 991.98px) {
  .development-header__groups {
    grid-template-columns: minmax(0, 1fr);
  }
}

.development-header__group {
  min-width: 0;
}

.development-header__group + .development-header__group {
  padding-left: 3rem;
  border-left: 1px solid #ebe9f1;
}

.dark-layout .development-header__group + .development-header__group {
  border-left-color: #3b4253;
}

@media (max-width: 991.98px) {
  .development-header__group + .development-header__group {
    padding-left: 0;
    border-left: 0;
    padding-top: 1rem;
    border-top: 1px solid #ebe9f1;
  }

  .dark-layout .development-header__group + .development-header__group {
    border-top-color: #3b4253;
  }
}

.development-header__group-label {
  display: block;
  margin-bottom: 0.5rem;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5e5873;
}

.dark-layout .development-header__group-label {
  color: #d0d2d6;
}

.development-header__kpis {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 1.5rem;
}

.development-header__kpis > * {
  flex: 1 1 150px;
  max-width: 22rem;
}

.development-header__kpi {
  min-width: 0;
}

.development-header__kpi-value {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-top: 0.2rem;
  font-size: 0.82rem;
}

.development-header__kpi-value b {
  font-size: 1.15rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: #5e5873;
}

.dark-layout .development-header__kpi-value b {
  color: #d0d2d6;
}

.development-header__kpi-value b.is-ok {
  color: #197d46;
}

.development-header__kpi-value b.is-near {
  color: #9c6129;
}

.development-header__kpi-value b.is-over {
  color: #b94243;
}

.dark-layout .development-header__kpi-value b.is-ok {
  color: #28c76f;
}

.dark-layout .development-header__kpi-value b.is-near {
  color: #ff9f43;
}

.dark-layout .development-header__kpi-value b.is-over {
  color: #ea5455;
}

.development-header__hint {
  display: block;
  margin-top: 0.3rem;
  font-size: 0.82rem;
  color: #6e6b7b;
}

.dark-layout .development-header__hint {
  color: #b4b7bd;
}

.development-header__stock {
  display: block;
}

.development-header__stock-sentence {
  margin: 0.5rem 0 0;
  color: #6e6b7b;
  line-height: 1.45;
}

.development-header__stock-sentence b {
  color: #5e5873;
}

.dark-layout .development-header__stock-sentence {
  color: #b4b7bd;
}

.dark-layout .development-header__stock-sentence b {
  color: #d0d2d6;
}

.development-figure {
  display: inline-block;
  margin-top: 0.1rem;
  font-weight: 600;
  line-height: 1.2;
  font-variant-numeric: tabular-nums;
  color: #5e5873;
}

.development-figure--lead {
  font-size: 2rem;
  letter-spacing: -0.015em;
}

.development-figure--side {
  font-size: 1.2rem;
}

.dark-layout .development-figure {
  color: #d0d2d6;
}

.development-amount {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.development-amount--negative {
  color: #b94243;
}

.development-amount--positive {
  color: #197d46;
}

.development-amount--empty {
  color: #6e6b7b;
}

.dark-layout .development-amount--negative {
  color: #ea5455;
}

.dark-layout .development-amount--positive {
  color: #28c76f;
}

.dark-layout .development-amount--empty {
  color: #b4b7bd;
}

.development-meter {
  height: 5px;
  margin-top: 0.35rem;
  border-radius: 3px;
  background: #ebe9f1;
  overflow: hidden;
}

.dark-layout .development-meter {
  background: #3b4253;
}

.development-meter__fill {
  height: 100%;
  background: #2980b9;
  transition: width 0.2s ease;
}

.development-meter__fill.is-ok {
  background: #28c76f;
}

.development-meter__fill.is-near {
  background: #ff9f43;
}

.development-meter__fill.is-over {
  background: #ea5455;
}

.development-stockbar {
  display: flex;
  width: 100%;
  height: 10px;
  margin: 0.45rem 0 0.5rem;
  border-radius: 0.25rem;
  overflow: hidden;
  background: #ebe9f1;
}

.dark-layout .development-stockbar {
  background: #3b4253;
}

.development-stockbar__seg {
  display: block;
  height: 100%;
  min-width: 2px;
}

.development-stockbar__seg.is-sold {
  background: #28c76f;
}

.development-stockbar__seg.is-reserved {
  background: #ff9f43;
}

.development-stockbar__seg.is-available {
  background: #2980b9;
}

.development-stockbar__seg.is-compensation {
  background: #00cfe8;
}

.development-stocklegend {
  display: flex;
  flex-wrap: wrap;
  gap: 0.15rem 1.1rem;
  font-size: 0.82rem;
  color: #6e6b7b;
}

.dark-layout .development-stocklegend {
  color: #b4b7bd;
}

.development-stocklegend__item {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
}

.development-stocklegend__item b {
  color: #5e5873;
  font-variant-numeric: tabular-nums;
}

.dark-layout .development-stocklegend__item b {
  color: #d0d2d6;
}

.development-stocklegend__dot {
  width: 8px;
  height: 8px;
  border-radius: 2px;
  flex: none;
}

.development-stocklegend__dot.is-sold {
  background: #28c76f;
}

.development-stocklegend__dot.is-reserved {
  background: #ff9f43;
}

.development-stocklegend__dot.is-available {
  background: #2980b9;
}

.development-stocklegend__dot.is-compensation {
  background: #00cfe8;
}

.development-stepper {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.5rem;
}

@media (max-width: 575.98px) {
  .development-stepper {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.development-stepper__step {
  position: relative;
  padding-top: 1rem;
  min-width: 0;
}

.development-stepper__step:not(:last-child)::after {
  content: "";
  position: absolute;
  top: calc(1rem + 4px);
  left: 10px;
  right: 0;
  height: 2px;
  background: #ebe9f1;
}

.development-stepper__step.is-done:not(:last-child)::after {
  background: rgba(41, 128, 185, 0.45);
}

.development-stepper__dot {
  position: relative;
  z-index: 1;
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 2px solid #d8d6de;
  background: #ffffff;
}

.development-stepper__step.is-done .development-stepper__dot {
  border-color: #2980b9;
  background: #2980b9;
}

.development-stepper__label {
  display: block;
  margin-top: 0.5rem;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #6b6779;
}

.development-stepper__date {
  display: block;
  color: #5e5873;
  font-weight: 600;
}

.development-stepper__date--empty {
  color: #6e6b7b;
  font-weight: 400;
  font-style: italic;
}

.dark-layout .development-stepper .development-stepper__label {
  color: #9aa0b0;
}

.dark-layout .development-stepper .development-stepper__date {
  color: #d0d2d6;
}

.dark-layout .development-stepper .development-stepper__date--empty {
  color: #b4b7bd;
}

.dark-layout .development-stepper .development-stepper__dot {
  border-color: #3b4253;
  background: #283046;
}

.dark-layout .development-stepper .development-stepper__step:not(:last-child)::after {
  background: #3b4253;
}

@media (min-width: 768px) {
  .development-tabs-bar {
    position: sticky;
    top: 6.5rem;
    z-index: 20;
    background: #f8f8f8;
  }

  .dark-layout .development-tabs-bar {
    background: #161d31;
  }
}

.development-tabs-nav {
  margin-bottom: 1rem;
}

.development-tab-count {
  display: inline-block;
  margin-left: 0.35rem;
  padding: 0 0.3rem;
  border-radius: 0.25rem;
  background: #fafafc;
  color: #6e6b7b;
  font-size: 0.82rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

.dark-layout .development-tab-count {
  background: #242b3d;
  color: #b4b7bd;
}

.development-bridge {
  display: table;
  width: 100%;
}

.development-bridge__row {
  display: table-row;
}

.development-bridge__row > * {
  display: table-cell;
  padding: 0.5rem 0;
  border-bottom: 1px solid #eeedf3;
}

.dark-layout .development-bridge__row > * {
  border-bottom-color: #3b4253;
}

.development-bridge__row.is-total > * {
  border-bottom: 0;
  border-top: 2px solid #d8d6de;
  font-weight: 600;
  color: #5e5873;
}

.dark-layout .development-bridge__row.is-total > * {
  border-top-color: #3b4253;
  color: #d0d2d6;
}

.development-bridge__row.is-subtotal > * {
  border-top: 1px solid #d8d6de;
  font-weight: 600;
  color: #5e5873;
}

.dark-layout .development-bridge__row.is-subtotal > * {
  border-top-color: #3b4253;
  color: #d0d2d6;
}

.development-bridge__op {
  width: 1.5rem;
  color: #6e6b7b;
  font-weight: 700;
  text-align: center;
}

.dark-layout .development-bridge__op {
  color: #b4b7bd;
}

.development-bridge__label {
  color: #6e6b7b;
}

.dark-layout .development-bridge__label {
  color: #b4b7bd;
}

.development-bridge__value {
  text-align: right;
  white-space: nowrap;
  color: #5e5873;
}

.dark-layout .development-bridge__value {
  color: #d0d2d6;
}

.development-advance--closed > td {
  color: #716e87;
}

.dark-layout .development-advance--closed > td {
  color: #676d7d;
}

.development-advance-group {
  margin-top: 2rem;
  padding-top: 1.5rem;
  border-top: 1px solid #ebe9f1;
}

.dark-layout .development-advance-group {
  border-top-color: #3b4253;
}

.development-advance-group > h6 {
  margin-bottom: 0.25rem;
}

.development-note {
  margin: 1rem 0 0;
  font-size: 0.857rem;
  color: #6e6b7b;
  line-height: 1.45;
}

.development-note--empty {
  margin: 0;
  font-style: italic;
}

.dark-layout .development-note {
  color: #b4b7bd;
}

.development-cashchart__svg {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
}

.development-cashchart__zero {
  stroke: #d8d6de;
  stroke-width: 1;
}

.dark-layout .development-cashchart__zero {
  stroke: #3b4253;
}

.development-cashchart__bar--in {
  fill: #28c76f;
}

.development-cashchart__bar--out {
  fill: #ea5455;
}

.development-cashchart__line {
  stroke: #2980b9;
  stroke-width: 2;
  stroke-linejoin: round;
  stroke-linecap: round;
  vector-effect: non-scaling-stroke;
}

.development-cashchart__dot {
  fill: #2980b9;
}

.development-cashchart__tick {
  fill: #6e6b7b;
  font-size: 10px;
}

.dark-layout .development-cashchart__tick {
  fill: #b4b7bd;
}

.development-cashchart__legend {
  display: flex;
  flex-wrap: wrap;
  gap: 0.15rem 1.1rem;
  margin-top: 0.5rem;
  font-size: 0.82rem;
  color: #6e6b7b;
}

.dark-layout .development-cashchart__legend {
  color: #b4b7bd;
}

.development-cashchart__legend-item {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
}

.development-cashchart__legend-item b {
  font-variant-numeric: tabular-nums;
}

.development-cashchart__key {
  width: 8px;
  height: 8px;
  border-radius: 2px;
  flex: none;
}

.development-cashchart__key--in {
  background: #28c76f;
}

.development-cashchart__key--out {
  background: #ea5455;
}

.development-cashchart__key--line {
  background: #2980b9;
  height: 2px;
  width: 12px;
  border-radius: 0;
}

.development-side-row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 0.75rem;
  padding: 0.5rem 0;
}

.development-side-row + .development-side-row {
  border-top: 1px solid #eeedf3;
}

.dark-layout .development-side-row + .development-side-row {
  border-top-color: #3b4253;
}

.development-side-row__label {
  color: #6e6b7b;
}

.dark-layout .development-side-row__label {
  color: #b4b7bd;
}

.development-side-row__value {
  font-weight: 600;
  color: #5e5873;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.dark-layout .development-side-row__value {
  color: #d0d2d6;
}

.development-side-row--sub {
  padding-top: 0;
  padding-left: 1rem;
  font-size: 0.857rem;
}

.development-side-row--sub.development-side-row {
  border-top: 0;
}

.development-side-row--sub .development-side-row__value {
  font-weight: 400;
}

.development-due {
  padding: 0.5rem 0;
}

.development-due + .development-due {
  border-top: 1px solid #eeedf3;
}

.dark-layout .development-due + .development-due {
  border-top-color: #3b4253;
}

.development-due__main {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 0.5rem;
}

.development-due__amount {
  font-weight: 600;
  white-space: nowrap;
}

.development-due__meta {
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
  font-size: 0.82rem;
  color: #6e6b7b;
}

.dark-layout .development-due__meta {
  color: #b4b7bd;
}

.development-pool {
  padding: 0.5rem 0;
}

.development-pool + .development-pool {
  border-top: 1px solid #eeedf3;
}

.dark-layout .development-pool + .development-pool {
  border-top-color: #3b4253;
}

.development-pool__head {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 0.5rem;
}

.development-pool__name {
  color: #6e6b7b;
}

.dark-layout .development-pool__name {
  color: #b4b7bd;
}

.development-pool__flag {
  margin-left: 0.25rem;
  font-size: 0.82rem;
  font-style: italic;
  color: #716e87;
}

.development-pool__value {
  font-weight: 600;
  color: #5e5873;
  white-space: nowrap;
}

.dark-layout .development-pool__value {
  color: #d0d2d6;
}

.development-pool__bar {
  height: 4px;
  margin: 0.3rem 0 0.2rem;
  border-radius: 2px;
  background: #ebe9f1;
  overflow: hidden;
}

.development-pool__bar span {
  display: block;
  height: 100%;
  background: rgba(41, 128, 185, 0.65);
}

.dark-layout .development-pool__bar {
  background: #3b4253;
}

.development-pool__bar--over span {
  background: rgba(234, 84, 85, 0.75);
}

.development-pool__rate {
  font-size: 0.82rem;
  color: #6e6b7b;
}

.dark-layout .development-pool__rate {
  color: #b4b7bd;
}

.development-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  gap: 0.75rem;
  margin-bottom: 1rem;
}

.development-toolbar__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.development-summary {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.5rem 1.5rem;
}

.development-inbox__row > td {
  background: rgba(255, 159, 67, 0.06);
}

.development-inbox__label.summary-strip__label,
.development-inbox__value.summary-strip__value {
  color: #9c6129;
}

.development-inbox__note {
  font-size: 0.82rem;
  color: #9c6129;
}

.dark-layout .development-inbox__row > td {
  background: rgba(255, 159, 67, 0.08);
}

.dark-layout .development-inbox__label.summary-strip__label,
.dark-layout .development-inbox__value.summary-strip__value,
.dark-layout .development-inbox__note {
  color: #ff9f43;
}

.development-plan__current {
  color: #2980b9 !important;
}

.development-plan__badge {
  display: inline-block;
  margin-left: 0.25rem;
  padding: 0 0.3rem;
  border-radius: 0.25rem;
  background: rgba(41, 128, 185, 0.12);
  color: #246fa1;
  font-size: 0.65rem;
  letter-spacing: 0.04em;
}

.development-plan__remove {
  margin-left: 0.25rem;
  padding: 0 0.2rem;
  border: 0;
  background: none;
  color: #c3c0cd;
  cursor: pointer;
}

.development-plan__remove:hover {
  color: #ea5455;
}

.development-plan__add {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  margin-top: 1rem;
}

.development-plan__add input {
  max-width: 12rem;
}

.development-allocation__summary {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.25rem 0.5rem;
  margin: 0.5rem 0;
  padding: 0.5rem 0.75rem;
  border-radius: 0.375rem;
  background: rgba(41, 128, 185, 0.06);
  font-size: 0.857rem;
  color: #6e6b7b;
}

.dark-layout .development-allocation__summary {
  background: rgba(41, 128, 185, 0.12);
  color: #b4b7bd;
}

.development-allocation__name {
  font-weight: 600;
  color: #5e5873;
}

.dark-layout .development-allocation__name {
  color: #d0d2d6;
}

.development-allocation__chip {
  display: inline-flex;
  align-items: baseline;
  gap: 0.25rem;
  padding: 0.05rem 0.4rem;
  border-radius: 0.25rem;
  background: #ffffff;
  border: 1px solid #ebe9f1;
}

.development-allocation__chip b {
  font-variant-numeric: tabular-nums;
}

.dark-layout .development-allocation__chip {
  background: #283046;
  border-color: #3b4253;
}

.development-allocation__none {
  font-style: italic;
}

.development-allocation__intro {
  color: #6e6b7b;
  font-size: 0.857rem;
}

.dark-layout .development-allocation__intro {
  color: #b4b7bd;
}

.development-allocation__foot {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline;
  gap: 0.5rem 1rem;
  margin-top: 1rem;
}

.development-allocation__sums {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem 1rem;
  font-size: 0.857rem;
  color: #6e6b7b;
}

.development-allocation__sums b {
  font-variant-numeric: tabular-nums;
}

.dark-layout .development-allocation__sums {
  color: #b4b7bd;
}

.development-source {
  display: inline-block;
  min-width: 1.35rem;
  padding: 0.05rem 0.3rem;
  border-radius: 0.25rem;
  background: #fafafc;
  color: #716e87;
  font-size: 0.82rem;
  font-weight: 700;
  text-align: center;
}

.dark-layout .development-source {
  background: #242b3d;
  color: #b4b7bd;
}

.development-check {
  padding: 0.75rem 0;
}

.development-check + .development-check {
  border-top: 1px solid #eeedf3;
}

.dark-layout .development-check + .development-check {
  border-top-color: #3b4253;
}

.development-check__label {
  color: #5e5873;
  font-weight: 500;
}

.dark-layout .development-check__label {
  color: #d0d2d6;
}

.development-check__detail {
  margin: 0.25rem 0 0;
  font-size: 0.857rem;
  color: #6e6b7b;
  line-height: 1.45;
}

.dark-layout .development-check__detail {
  color: #b4b7bd;
}

.development-check--warning .development-check__label {
  color: #9c6129;
}

.development-check--danger .development-check__label {
  color: #b94243;
}

.dark-layout .development-check--warning .development-check__label {
  color: #ff9f43;
}

.dark-layout .development-check--danger .development-check__label {
  color: #ea5455;
}

.developments-portfolio {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.5rem 1.5rem;
}

.developments-index__object {
  display: inline-flex;
  flex-direction: column;
  line-height: 1.2;
}

.developments-index__object-name {
  font-weight: 600;
  color: #5e5873;
}

.developments-index__object-code {
  font-size: 0.82rem;
  color: #6e6b7b;
}

.developments-index__missing {
  color: #9a97a5;
}

.developments-index__plan-up {
  color: #197d46;
  font-weight: 600;
}

.dark-layout .developments-index__plan-up {
  color: #28c76f;
}

.developments-index__plan-down {
  color: #b94243;
  font-weight: 600;
}

.dark-layout .developments-index__plan-down {
  color: #ea5455;
}

.developments-index__cash--negative {
  color: #b94243;
  font-weight: 600;
}

.developments-index__warning {
  color: #9c6129;
}

.developments-index__period {
  gap: 0.5rem;
}

.dark-layout .developments-index__object-name {
  color: #d0d2d6;
}

.dark-layout .developments-index__object-code,
.dark-layout .developments-index__missing {
  color: #b4b7bd;
}

.development-pool-budget-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.development-pool-budget {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
  font-size: 0.857rem;
  color: #716e87;
  white-space: nowrap;
}

.development-pool-budget input {
  width: 9.5rem;
}

.development-contract-plan__row {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}

.development-contract-plan__row + .development-contract-plan__row {
  margin-top: 0.5rem;
}

.development-contract-plan__row .development-contract-plan__pct {
  max-width: 5.5rem;
}

.development-contract-plan__row .development-contract-plan__date {
  max-width: 11rem;
}

.development-schedule {
  margin-bottom: 1.5rem;
}

.development-schedule h6 {
  display: flex;
  align-items: baseline;
}

.development-funnel {
  display: grid;
  gap: 0.25rem;
}

.development-funnel__row {
  display: grid;
  grid-template-columns: minmax(7rem, 11rem) 1fr auto auto;
  align-items: center;
  gap: 0.75rem;
}

.development-funnel__label {
  font-size: 0.82rem;
  color: #6e6b7b;
}

.dark-layout .development-funnel__label {
  color: #b4b7bd;
}

.development-funnel__bar {
  display: block;
  height: 6px;
  border-radius: 0.25rem;
  background: rgba(130, 134, 139, 0.16);
  overflow: hidden;
}

.development-funnel__bar i {
  display: block;
  height: 100%;
  border-radius: 0.25rem;
}

.development-funnel__count,
.development-funnel__value {
  font-variant-numeric: tabular-nums;
  font-size: 0.82rem;
  text-align: right;
  min-width: 3.5rem;
}

.development-funnel__count {
  font-weight: 600;
  color: #5e5873;
}

.dark-layout .development-funnel__count {
  color: #d0d2d6;
}

.development-funnel__value {
  color: #9a97a5;
}

@media (max-width: 575.98px) {
  .development-funnel__row {
    grid-template-columns: 1fr auto;
  }

  .development-funnel__bar {
    grid-column: 1/-1;
    order: 3;
  }
}

.dev-figure {
  display: block;
  font-weight: 600;
  line-height: 1.2;
  font-variant-numeric: tabular-nums;
  color: #5e5873;
}

.dark-layout .dev-figure {
  color: #d0d2d6;
}

.dev-figure--lead {
  font-size: 2rem;
  letter-spacing: -0.015em;
}

.dev-figure--side {
  font-size: 1.2rem;
}

.dev-figure__of {
  font-size: 1.1rem;
  color: #6e6b7b;
  margin-left: 0.15rem;
}

.dark-layout .dev-figure__of {
  color: #b4b7bd;
}

.dev-portfolio__label,
.dev-card__label {
  display: block;
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #6e6b7b;
}

.dark-layout .dev-portfolio__label,
.dark-layout .dev-card__label {
  color: #b4b7bd;
}

.dev-portfolio__sub,
.dev-card__sub {
  display: block;
  margin-top: 0.15rem;
  font-size: 0.82rem;
  color: #6e6b7b;
  font-variant-numeric: tabular-nums;
}

.dark-layout .dev-portfolio__sub,
.dark-layout .dev-card__sub {
  color: #b4b7bd;
}

.dev-portfolio__sub--danger,
.dev-card__sub--danger {
  color: #ea5455;
  font-weight: 600;
}

.dev-portfolio__sub--warning,
.dev-card__sub--warning {
  color: #9c6129;
}

.dark-layout .dev-portfolio__sub--warning,
.dark-layout .dev-card__sub--warning {
  color: #ff9f43;
}

.dev-portfolio__rule,
.dev-card__rule {
  height: 1px;
  margin: 0.9rem 0;
  background: #ebe9f1;
}

.dark-layout .dev-portfolio__rule,
.dark-layout .dev-card__rule {
  background: #3b4253;
}

.dev-portfolio__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.75rem 1rem;
}

.dev-portfolio__name {
  margin-bottom: 0.1rem;
  font-weight: 600;
  color: #5e5873;
}

.dark-layout .dev-portfolio__name {
  color: #d0d2d6;
}

.dev-portfolio__meta {
  font-size: 0.82rem;
  color: #6e6b7b;
}

.dark-layout .dev-portfolio__meta {
  color: #b4b7bd;
}

.dev-portfolio__actions {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 0.75rem;
}

.dev-portfolio__actions .btn {
  min-height: 30px;
  white-space: nowrap;
}

@media (max-width: 768px) {
  .dev-portfolio__actions {
    flex-wrap: wrap;
  }
}

.dev-portfolio__position {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 1rem 2rem;
}

.dev-portfolio__lead {
  min-width: 200px;
}

.dev-portfolio__groups {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 0;
  min-width: 0;
  flex: 1 1 480px;
}

@media (min-width: 992px) {
  .dev-portfolio__groups {
    padding-left: 2rem;
    border-left: 1px solid #ebe9f1;
  }

  .dark-layout .dev-portfolio__groups {
    border-left-color: #3b4253;
  }
}

.dev-portfolio__group {
  min-width: 0;
}

.dev-portfolio__group + .dev-portfolio__group {
  padding-left: 2.5rem;
  margin-left: 2.5rem;
  border-left: 1px solid #ebe9f1;
}

.dark-layout .dev-portfolio__group + .dev-portfolio__group {
  border-left-color: #3b4253;
}

.dev-portfolio__group-label {
  display: block;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5e5873;
  margin-bottom: 0.55rem;
}

.dark-layout .dev-portfolio__group-label {
  color: #d0d2d6;
}

.dev-portfolio__kpis {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem 1.5rem;
}

.dev-portfolio__kpis > * {
  flex: 0 1 auto;
  min-width: 110px;
}

.dev-portfolio__value {
  display: block;
  font-size: 1.07rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: #5e5873;
}

.dark-layout .dev-portfolio__value {
  color: #d0d2d6;
}

.dev-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(420px, 1fr));
  gap: 1.5rem;
}

@media (max-width: 520px) {
  .dev-card-grid {
    grid-template-columns: 1fr;
  }
}

.dev-card {
  display: block;
  padding: 1.5rem;
  margin-bottom: 0;
  color: inherit;
  text-decoration: none;
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.dev-card:hover,
.dev-card:focus {
  color: inherit;
  text-decoration: none;
  box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.1);
  transform: translateY(-1px);
}

.dev-card:hover *,
.dev-card:focus * {
  text-decoration: none;
}

.dev-card__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
}

.dev-card__title {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.45rem;
  min-width: 0;
}

.dev-card__name {
  font-size: 1.05rem;
  font-weight: 600;
  color: #5e5873;
}

.dark-layout .dev-card__name {
  color: #d0d2d6;
}

.dev-card__meta {
  margin-top: 0.1rem;
  font-size: 0.82rem;
  color: #6e6b7b;
}

.dark-layout .dev-card__meta {
  color: #b4b7bd;
}

.dev-card__position {
  display: flex;
  align-items: flex-start;
  gap: 1rem 2rem;
  margin-top: 1rem;
}

.dev-card__lead {
  min-width: 0;
}

.dev-card__side {
  padding-left: 1.5rem;
  border-left: 1px solid #ebe9f1;
}

.dark-layout .dev-card__side {
  border-left-color: #3b4253;
}

.dev-card__stockbar {
  margin-top: 0.55rem;
}

.dev-card__kpis {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem 1.5rem;
}

@media (max-width: 640px) {
  .dev-card__kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.dev-card__kpi {
  min-width: 0;
}

.dev-card__value {
  display: block;
  font-size: 1.07rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: #5e5873;
}

.dark-layout .dev-card__value {
  color: #d0d2d6;
}

.dev-card__delta {
  font-size: 0.82rem;
  font-weight: 600;
  margin-left: 0.25rem;
  white-space: nowrap;
}

.dev-card__foot {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.4rem 0.6rem;
  margin-top: 1rem;
}

.dev-card__chip {
  display: inline-block;
  padding: 0.1rem 0.45rem;
  border-radius: 0.25rem;
  font-size: 0.7rem;
  font-weight: 600;
  white-space: nowrap;
}

.dev-card__chip--warning {
  background: rgba(255, 159, 67, 0.18);
  color: #9c6129;
}

.dark-layout .dev-card__chip--warning {
  color: #ff9f43;
}

.dev-card__chip--danger {
  background: rgba(234, 84, 85, 0.16);
  color: #b94243;
}

.dark-layout .dev-card__chip--danger {
  color: #ea5455;
}

.dev-card__chip--info {
  background: rgba(0, 207, 232, 0.16);
  color: #007a89;
}

.dark-layout .dev-card__chip--info {
  color: #00cfe8;
}

.dev-card--skeleton {
  pointer-events: none;
}

.dev-card--skeleton .dev-card__skeleton-line {
  height: 14px;
  border-radius: 0.25rem;
  background: #ebe9f1;
  margin-bottom: 0.6rem;
}

.dark-layout .dev-card--skeleton .dev-card__skeleton-line {
  background: #3b4253;
}

.dev-card--skeleton .dev-card__skeleton-block {
  height: 150px;
  border-radius: 0.25rem;
  background: #fafafc;
}

.dark-layout .dev-card--skeleton .dev-card__skeleton-block {
  background: #242b3d;
}

.dev-bulk-units th {
  white-space: nowrap;
}

.dev-bulk-units th,
.dev-bulk-units td {
  padding: 0.3rem 0.35rem;
  vertical-align: middle;
}

.dev-bulk-units__code {
  width: 100px;
}

.dev-bulk-units__floor {
  width: 80px;
}

.dev-bulk-units__num {
  width: 110px;
}

.dev-bulk-units__remove {
  width: 2rem;
}

.dev-bulk-units .v-select {
  min-width: 140px;
}

.dev-bulk-units .form-control-sm {
  padding: 0.3rem 0.5rem;
  height: auto;
}

.dev-bulk-units__totals td {
  font-weight: 600;
  color: #5e5873;
  font-variant-numeric: tabular-nums;
  border-top: 2px solid #ebe9f1;
}

.dark-layout .dev-bulk-units__totals td {
  color: #d0d2d6;
  border-top-color: #3b4253;
}

.development-costs__doc-note {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.development-tooltip-wide .tooltip-inner {
  max-width: 380px;
  text-align: left;
}

.dev-sellable {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.dev-sellable__reason {
  max-width: 260px;
}

.dev-floorplan {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.9rem;
}

.dev-floorplan__label {
  font-weight: 600;
  color: #5e5873;
}

.dev-parties__row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}

.dev-parties__partner {
  flex: 1 1 40%;
  min-width: 0;
}

.dev-parties__role {
  flex: 0 1 180px;
}

.dev-parties__share {
  flex: 0 0 64px;
  text-align: center;
}

.dev-parties__slash {
  color: #9a97a5;
}

.dev-areas__row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}

.dev-areas__val {
  max-width: 110px;
}

.dev-areas__coef {
  max-width: 90px;
}

.knowledge-quiz .kq-panel {
  max-width: 680px;
  margin: 0 auto;
}

.knowledge-quiz .kq-hint {
  font-size: 0.857rem;
  color: #716e87;
  line-height: 1.5;
  padding: 0.75rem 1rem;
  background: rgba(41, 128, 185, 0.05);
  border: 1px solid #ebe9f1;
  border-radius: 0.5rem;
}

.knowledge-quiz .kq-sessions-table th {
  white-space: nowrap;
}

.knowledge-quiz .kq-sessions-table td {
  font-variant-numeric: tabular-nums;
}

.knowledge-quiz .kq-topbar {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.75rem;
}

.knowledge-quiz .kq-progress-label {
  font-weight: 600;
  color: #5e5873;
  white-space: nowrap;
}

.knowledge-quiz .kq-topic-label {
  font-size: 0.82rem;
  color: #716e87;
  text-align: right;
}

.knowledge-quiz .kq-progress-track {
  height: 8px;
  background: #ebe9f1;
  border-radius: 6px;
  overflow: hidden;
  margin-bottom: 1.5rem;
}

.knowledge-quiz .kq-progress-fill {
  height: 100%;
  background: #2980b9;
  border-radius: 6px;
  transition: width 0.35s ease;
}

.knowledge-quiz .kq-level-badge {
  display: inline-block;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 0.2rem 0.65rem;
  border-radius: 999px;
  margin-bottom: 0.75rem;
}

.knowledge-quiz .kq-level-badge.kq-level-L {
  background: rgba(40, 199, 111, 0.12);
  color: #1e9453;
}

.knowledge-quiz .kq-level-badge.kq-level-S {
  background: rgba(255, 159, 67, 0.14);
  color: #e67100;
}

.knowledge-quiz .kq-level-badge.kq-level-T {
  background: rgba(234, 84, 85, 0.12);
  color: #e63031;
}

.knowledge-quiz .kq-question {
  font-size: 1.286rem;
  font-weight: 600;
  line-height: 1.4;
  color: #5e5873;
  margin-bottom: 1.5rem;
}

.knowledge-quiz .kq-options {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
}

.knowledge-quiz .kq-option {
  width: 100%;
  text-align: left;
  padding: 0.75rem 1rem;
  border-radius: 0.5rem;
  border: 1px solid #d8d6de;
  background: #ffffff;
  color: inherit;
  cursor: pointer;
  transition: background 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

.knowledge-quiz .kq-option:hover:not(:disabled) {
  border-color: #2980b9;
  background: rgba(41, 128, 185, 0.04);
}

.knowledge-quiz .kq-option:disabled {
  cursor: default;
}

.knowledge-quiz .kq-option.correct {
  background: rgba(40, 199, 111, 0.12);
  border-color: #28c76f;
  color: #197b44;
}

.knowledge-quiz .kq-option.wrong {
  background: rgba(234, 84, 85, 0.1);
  border-color: #ea5455;
  color: #e31d1f;
}

.knowledge-quiz .kq-feedback {
  margin-top: 1rem;
  min-height: 22px;
  font-weight: 600;
}

.knowledge-quiz .kq-feedback.ok {
  color: #1e9453;
}

.knowledge-quiz .kq-feedback.bad {
  color: #ea5455;
}

.knowledge-quiz .kq-attempts-note {
  font-size: 0.82rem;
  color: #716e87;
  min-height: 18px;
}

.knowledge-quiz .kq-summary-sub {
  color: #716e87;
  margin-bottom: 1.5rem;
}

.knowledge-quiz .kq-stats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}

.knowledge-quiz .kq-stat {
  border: 1px solid #ebe9f1;
  border-radius: 0.5rem;
  padding: 0.75rem 1rem;
  background: #f8f8f8;
}

.knowledge-quiz .kq-stat-num {
  font-size: 1.5rem;
  font-weight: 700;
  color: #2980b9;
  font-variant-numeric: tabular-nums;
}

.knowledge-quiz .kq-stat-lbl {
  font-size: 0.82rem;
  color: #716e87;
}

.knowledge-quiz .kq-review-title {
  font-weight: 700;
  color: #5e5873;
  margin-bottom: 0.5rem;
}

.knowledge-quiz .kq-review-item {
  padding: 0.6rem 0;
  border-bottom: 1px solid #ebe9f1;
  font-size: 0.925rem;
}

.knowledge-quiz .kq-review-item:last-child {
  border-bottom: none;
}

.knowledge-quiz .kq-review-q {
  font-weight: 600;
  margin-bottom: 0.15rem;
}

.knowledge-quiz .kq-review-a {
  color: #716e87;
}

.knowledge-quiz .kq-review-tries {
  font-size: 0.82rem;
  font-weight: 600;
  color: #ea5455;
}

.knowledge-quiz-admin .kq-admin-stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
  gap: 0.75rem;
  margin: 1.25rem 0;
}

.knowledge-quiz-admin .kq-admin-stat {
  border: 1px solid #ebe9f1;
  border-radius: 0.5rem;
  padding: 0.6rem 0.75rem;
  background: #f8f8f8;
}

.knowledge-quiz-admin .kq-admin-stat__num {
  font-size: 1.286rem;
  font-weight: 700;
  color: #5e5873;
  font-variant-numeric: tabular-nums;
}

.knowledge-quiz-admin .kq-admin-stat__num--small {
  font-size: 0.925rem;
  line-height: 1.9;
}

.knowledge-quiz-admin .kq-admin-stat__sub {
  font-size: 0.857rem;
  font-weight: 500;
  color: #716e87;
}

.knowledge-quiz-admin .kq-admin-stat__lbl {
  font-size: 0.82rem;
  color: #716e87;
}

.knowledge-quiz-admin .kq-admin-link-label {
  font-size: 0.857rem;
  color: #5e5873;
  margin-bottom: 0.25rem;
}

.knowledge-quiz-admin .kq-admin-link {
  display: flex;
  gap: 0.5rem;
}

.knowledge-quiz-admin .kq-admin-link input {
  flex: 1;
  font-size: 0.857rem;
  color: #716e87;
}

.knowledge-quiz-admin .kq-admin-link .btn {
  white-space: nowrap;
}

.knowledge-quiz-admin .kq-admin-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 1.25rem;
  padding-top: 1rem;
  border-top: 1px solid #ebe9f1;
}

.kq-take-page {
  min-height: 100vh;
  background: #f8f8f8;
  padding: 2.5rem 1rem 4rem;
}

.kq-take-page .kq-take-wrap {
  max-width: 720px;
  margin: 0 auto;
}

.kq-take-page .kq-take-brand {
  text-align: center;
  margin-bottom: 1.75rem;
}

.kq-take-page .kq-take-logo {
  max-height: 44px;
  margin-bottom: 0.75rem;
}

.kq-take-page .kq-take-eyebrow {
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #716e87;
}

.kq-take-page .kq-take-title {
  margin: 0.35rem 0 0;
  font-size: 1.714rem;
  color: #5e5873;
}

.kq-take-page .kq-take-description {
  margin: 0.5rem auto 0;
  max-width: 560px;
  color: #716e87;
}

.kq-take-page .kq-take-footer {
  text-align: center;
  font-size: 0.82rem;
  color: #9a97a5;
  margin-top: 2rem;
}

.kq-take-page .knowledge-quiz .kq-panel {
  max-width: none;
}

.dark-layout .knowledge-quiz-admin .kq-admin-stat {
  background: #161d31;
  border-color: #3b4253;
}

.dark-layout .knowledge-quiz-admin .kq-admin-stat__num,
.dark-layout .knowledge-quiz-admin .kq-admin-link-label {
  color: #d0d2d6;
}

.dark-layout .knowledge-quiz-admin .kq-admin-stat__lbl,
.dark-layout .knowledge-quiz-admin .kq-admin-stat__sub,
.dark-layout .knowledge-quiz-admin .kq-admin-link input {
  color: #676d7d;
}

.dark-layout .knowledge-quiz-admin .kq-admin-actions {
  border-color: #3b4253;
}

.dark-layout .kq-take-page {
  background: #161d31;
}

.dark-layout .kq-take-page .kq-take-title {
  color: #d0d2d6;
}

.dark-layout .kq-take-page .kq-take-eyebrow,
.dark-layout .kq-take-page .kq-take-description,
.dark-layout .kq-take-page .kq-take-footer {
  color: #676d7d;
}

.dark-layout .knowledge-quiz .kq-progress-label,
.dark-layout .knowledge-quiz .kq-question,
.dark-layout .knowledge-quiz .kq-review-title {
  color: #d0d2d6;
}

.dark-layout .knowledge-quiz .kq-topic-label,
.dark-layout .knowledge-quiz .kq-attempts-note,
.dark-layout .knowledge-quiz .kq-summary-sub,
.dark-layout .knowledge-quiz .kq-stat-lbl,
.dark-layout .knowledge-quiz .kq-review-a,
.dark-layout .knowledge-quiz .kq-hint {
  color: #676d7d;
}

.dark-layout .knowledge-quiz .kq-hint {
  background: rgba(41, 128, 185, 0.12);
  border-color: #3b4253;
}

.dark-layout .knowledge-quiz .kq-progress-track {
  background: #3b4253;
}

.dark-layout .knowledge-quiz .kq-option {
  background: #283046;
  border-color: #3b4253;
  color: #b4b7bd;
}

.dark-layout .knowledge-quiz .kq-option:hover:not(:disabled) {
  border-color: #2980b9;
  background: #242b3d;
}

.dark-layout .knowledge-quiz .kq-option.correct {
  background: rgba(40, 199, 111, 0.16);
  border-color: #28c76f;
  color: #3fd884;
}

.dark-layout .knowledge-quiz .kq-option.wrong {
  background: rgba(234, 84, 85, 0.16);
  border-color: #ea5455;
  color: #ee7879;
}

.dark-layout .knowledge-quiz .kq-feedback.ok {
  color: #3fd884;
}

.dark-layout .knowledge-quiz .kq-stat {
  background: #161d31;
  border-color: #3b4253;
}

.dark-layout .knowledge-quiz .kq-review-item {
  border-color: #3b4253;
}

.sales-planning .sales-planning-toolbar {
  display: flex;
  align-items: flex-end;
  gap: 1rem;
  flex-wrap: wrap;
}

.sales-planning .sales-planning-toolbar__field {
  min-width: 220px;
}

.sales-planning .sales-planning-toolbar__field--year {
  min-width: 110px;
  max-width: 130px;
}

.sales-planning .sales-planning-toolbar__actions {
  margin-left: auto;
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.sales-planning .sales-planning-scroll {
  overflow-x: auto;
}

.sales-planning .sales-planning-note {
  padding: 0.5rem 1rem 1rem;
  font-size: 0.82rem;
}

table.sp-grid {
  border-collapse: collapse;
  width: 100%;
  min-width: 1450px;
  font-variant-numeric: tabular-nums;
}

table.sp-grid th,
table.sp-grid td {
  padding: 0.45rem 0.55rem;
  white-space: nowrap;
  text-align: right;
}

table.sp-grid thead th {
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #6b6779;
  border-bottom: 2px solid #d8d6de;
}

table.sp-grid tbody td {
  border-bottom: 1px solid #eeedf3;
  font-size: 0.857rem;
}

table.sp-grid .sp-col-emp {
  position: sticky;
  left: 0;
  z-index: 2;
  background: #ffffff;
  min-width: 200px;
  text-align: left;
  box-shadow: inset -1px 0 0 #ebe9f1;
}

table.sp-grid thead .sp-col-emp {
  z-index: 3;
}

table.sp-grid .sp-col-emp--member {
  padding-left: 1.9rem;
}

table.sp-grid .sp-col-q {
  background: rgba(41, 128, 185, 0.05);
  font-weight: 600;
  color: #5e5873;
}

table.sp-grid .sp-col-year {
  font-weight: 700;
  color: #5e5873;
}

table.sp-grid tr.sp-row-tandem td {
  background: #fafafc;
  color: #5e5873;
  font-weight: 600;
  border-bottom: 1px solid #ebe9f1;
}

table.sp-grid tr.sp-row-tandem td.sp-col-emp {
  background: #fafafc;
}

table.sp-grid tr.sp-row-tandem td.sp-col-q {
  background: rgba(41, 128, 185, 0.09);
}

table.sp-grid tr.sp-row-ref td {
  border-bottom: 1px solid #eeedf3;
  font-size: 0.78rem;
  font-style: italic;
  color: #716e87;
  padding-top: 0.15rem;
  padding-bottom: 0.4rem;
}

table.sp-grid tr.sp-row-ref td.sp-col-q {
  font-weight: 500;
}

table.sp-grid tr.sp-row-total td {
  border-top: 2px solid #d8d6de;
  border-bottom: none;
  font-weight: 700;
  color: #5e5873;
  padding-top: 0.6rem;
  padding-bottom: 0.65rem;
  text-transform: uppercase;
  font-size: 0.82rem;
  letter-spacing: 0.04em;
}

table.sp-grid tr.sp-row-total td.sp-col-q {
  background: rgba(41, 128, 185, 0.09);
}

table.sp-grid .sp-cell-input {
  width: 92px;
  text-align: right;
  border: 1px solid transparent;
  border-radius: 3px;
  background: transparent;
  color: #6e6b7b;
  font-size: 0.857rem;
  padding: 0.15rem 0.3rem;
  font-variant-numeric: tabular-nums;
  -moz-appearance: textfield;
}

table.sp-grid .sp-cell-input::-webkit-outer-spin-button,
table.sp-grid .sp-cell-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

table.sp-grid .sp-cell-input:hover {
  border-color: #d8d6de;
  background: rgba(41, 128, 185, 0.05);
}

table.sp-grid .sp-cell-input:focus {
  outline: none;
  border-color: #2980b9;
  background: #ffffff;
  box-shadow: 0 0 0 3px rgba(41, 128, 185, 0.15);
}

table.sp-grid .sp-pct-chip {
  display: inline-block;
  margin-left: 0.4rem;
  padding: 0.05rem 0.45rem;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 600;
  background: rgba(41, 128, 185, 0.1);
  color: #246fa1;
}

table.sp-grid .sp-pct-chip--muted {
  background: #f3f2f7;
  color: #686b6f;
}

table.sp-grid .sp-pct-edit {
  display: inline-flex;
  align-items: center;
  gap: 0.15rem;
  margin-left: 0.4rem;
  font-size: 0.78rem;
  color: #716e87;
}

table.sp-grid .sp-pct-input {
  width: 52px;
  text-align: right;
  border: 1px solid transparent;
  border-radius: 3px;
  background: rgba(41, 128, 185, 0.06);
  color: #246fa1;
  font-size: 0.78rem;
  font-weight: 600;
  padding: 0.05rem 0.3rem;
  -moz-appearance: textfield;
}

table.sp-grid .sp-pct-input::-webkit-outer-spin-button,
table.sp-grid .sp-pct-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

table.sp-grid .sp-pct-input:focus {
  outline: none;
  border-color: #2980b9;
  background: #ffffff;
}

table.sp-grid .sp-distribute-btn {
  display: inline-flex;
  align-items: center;
  margin-left: 0.45rem;
  padding: 0.12rem 0.5rem;
  border: 1px dashed #cfd7e4;
  border-radius: 0.35rem;
  background: #fbfcfe;
  color: #2980b9;
  font-size: 0.78rem;
  font-weight: 600;
  cursor: pointer;
}

table.sp-grid .sp-distribute-btn:hover {
  background: #f3f7fb;
}

table.sp-targets {
  width: 100%;
  border-collapse: collapse;
  font-variant-numeric: tabular-nums;
}

table.sp-targets th {
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #6b6779;
  border-bottom: 2px solid #d8d6de;
  padding: 0.45rem 0.65rem;
}

table.sp-targets td {
  padding: 0.55rem 0.65rem;
  border-bottom: 1px solid #eeedf3;
}

table.sp-targets tr:last-child td {
  border-bottom: none;
}

table.sp-targets .sp-targets__label {
  color: #5e5873;
  font-weight: 600;
}

table.sp-targets .sp-target-input {
  width: 110px;
  text-align: right;
  border: 1px solid #d8d6de;
  border-radius: 0.35rem;
  background: #ffffff;
  color: #5e5873;
  font-weight: 600;
  font-size: 0.925rem;
  padding: 0.3rem 0.55rem;
  font-variant-numeric: tabular-nums;
  -moz-appearance: textfield;
}

table.sp-targets .sp-target-input::-webkit-outer-spin-button,
table.sp-targets .sp-target-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

table.sp-targets .sp-target-input:focus {
  outline: none;
  border-color: #2980b9;
  box-shadow: 0 0 0 3px rgba(41, 128, 185, 0.15);
}

.sp-match {
  display: inline-block;
  margin-top: 0.15rem;
  padding: 0.05rem 0.5rem;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 600;
  background: rgba(40, 199, 111, 0.12);
  color: #197d46;
}

.sp-match--warn {
  background: rgba(255, 159, 67, 0.14);
  color: #9c6129;
}

.dark-layout table.sp-grid .sp-col-emp {
  background: #283046;
  box-shadow: inset -1px 0 0 #3b4253;
}

.dark-layout table.sp-grid tbody td {
  border-bottom-color: #3b4253;
}

.dark-layout table.sp-grid tr.sp-row-tandem td {
  background: #2c344c;
}

.dark-layout table.sp-grid tr.sp-row-tandem td.sp-col-emp {
  background: #2c344c;
}

.dark-layout table.sp-grid .sp-col-q,
.dark-layout table.sp-grid tr.sp-row-tandem td.sp-col-q,
.dark-layout table.sp-grid tr.sp-row-total td.sp-col-q {
  background: rgba(41, 128, 185, 0.15);
  color: #d0d2d6;
}

.dark-layout table.sp-grid .sp-col-year,
.dark-layout table.sp-grid tr.sp-row-total td {
  color: #d0d2d6;
}

.dark-layout table.sp-grid .sp-cell-input {
  color: #b4b7bd;
}

.dark-layout table.sp-grid .sp-cell-input:focus {
  background: #283046;
}

.vat-settlement__hint {
  font-size: 0.85rem;
  line-height: 1.35;
}

.vat-settlement__totals td {
  padding: 0.45rem 0;
  border: 0;
  border-bottom: 1px solid #ebe9f1;
}

.vat-settlement__totals td:last-child {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.vat-settlement__totals tr:last-child td {
  border-bottom: 0;
}

.vat-settlement__result td {
  border-top: 2px solid #d8d6de;
  font-weight: 600;
}

.vat-settlement__movement {
  font-size: 0.85rem;
}

.vat-settlement__movement td,
.vat-settlement__movement th {
  padding: 0.3rem 0.5rem;
}

.vat-settlement__movement td:not(:first-child),
.vat-settlement__movement th:not(:first-child) {
  text-align: right;
  font-variant-numeric: tabular-nums;
}

.dark-layout .vat-settlement__totals td,
.dark-layout .vat-settlement__result td {
  border-color: #3b4253;
}

table.vgt-table {
  font-size: 12px !important;
}

.auth-wrapper {
  display: flex;
  flex-basis: 100%;
  min-height: 100vh;
  min-height: calc(var(--vh, 1vh) * 100);
  width: 100%;
}

.auth-wrapper .auth-inner {
  width: 100%;
  position: relative;
}

.auth-wrapper.auth-v1 {
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.auth-wrapper.auth-v1 .auth-inner:before {
  width: 244px;
  height: 243px;
  content: " ";
  position: absolute;
  top: -54px;
  left: -46px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPQAAADzCAMAAACG9Mt0AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAA9KADAAQAAAABAAAA8wAAAADhQHfUAAAAyVBMVEUAAAD///+AgP+AgP9mZv+AgNWAgP9tbf9gYP+AgP9xcf9mZv+AZuaAgP9dXf90dOhiYv92dv9mZu5mZv93d+53d/9paf94afCAcfFrXvJra/9mZvJzZvJzc/JoaP96b/Rqav91aupsYvV2bOt2bPVxaPZ7cfZqavZyau1waPd4aO9xafBxafh4afB1bfh4avFuZ/F2afJzZvJzZ/N0aPN0bvN3bPR0ae5yZ/R3be93bfR1au9zafBxbPVzavV0a/F0a/ZyafFwaPKZm3nTAAAAQ3RSTlMAAQIEBQYGBwgICQoKCgsLDQ0PDw8PERESExMUFBQWFxgYGhoaGxsdHSAgIiIiIyQlJygqLCwtLi8vLzAzNDU3Nzg7h9vbHgAAA9RJREFUeNrt3ftS2kAUx/Fc1gSyWsErtuJdRDQiiteolb7/QzUoTm07k4AzObuu3/MCez45yWbzT36eZ6b8erO1e1B97baadd+zocJWmg0HaXe/+uqmg2GWtkLT5Lle1m9LdhG2+1lvzuiUO1knEF81yFc1N+35m15kZOGodz1vyLx+v2Lseq/erxtZd/NuweCTtfiwaWLOD5FnsqI7+VnP3y8afnEs3Es/1+H1qvETwuq18B7e6VlwLup1ZM8kWWQBOsrmHL7GVtxvYRZYgQ4ywae61ffsqH5Lbq20bQm6ncp9P2ehJegwE/u+rl95ttSwLrVSc2ANetAU28dSa9Cp2E623bUG3d2VWmn/wBq0XCugQYMGLdVKoOJaoiuok1NdXSW1WAUfRPtRUllflaJf5ZE/O9pXVbZUPTov5c+IDqvtRwStdTgLutoxy6GnGfYb2o+1I2gd+1OiqzfLocvVE7TSDqG1mgodaqfQZbvZC9rXjqG1X45WzqFVKVpk0LLo4lGP0ZGD6KgMnTiITkrQgXYQrYNitHISrYrRsZPouBhdcxJdK0YnTqKTYrR2Eq1BgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRoh9DH59ag86ACoSYOL61B55EUQk1s3VqDzsNHhJpYe7QGncfMSHUxaliCHgcKSXVxeWQJehwdJdXF4dAS9DgkTKqLxuibFeiXODixNi7OrEC/BP+JtbE0WrYA/RrxKNfH2YUF6NegSbk+Gk87xtErN6EsWm88fzeMXpwE9EruLns/l42io4dJFLPo2/Po1w+D6IW7t9Bt2SPx3vOOMfS7eHVZtN54ulg2go56138Ct4XRunE2Ovsmjg46WeddUoUWr6WL0fCoIYgO2/2s91fstDZQjcPL0ePt5flpdXUwqW46uMrS1j95JNpQrW0dHp9UV/uT2m416/8HVGg3qzhpBjRo0KBBgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRo0KC/FDpx0pwUo2tOomvF6NhJdFyMVk6iVTE6cBIdeF9vJyvZx/I/AzuIjsrQvoNovwzt4FamSs0Ojrp80PmvoB0zh940pb7azf1yg7t0LIt978uppzbnalfucDW92ZndLPRmKweGPduYJ+zoM5/Dk+gD5NdvLhXXPp88qcUqmEH5G5JZRs6cuxwIAAAAAElFTkSuQmCC");
}

@media (max-width: 575.98px) {
  .auth-wrapper.auth-v1 .auth-inner:before {
    display: none;
  }
}

.auth-wrapper.auth-v1 .auth-inner:after {
  width: 272px;
  height: 272px;
  content: " ";
  position: absolute;
  bottom: -55px;
  right: -75px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARAAAAEQCAMAAABP1NsnAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAABEKADAAQAAAABAAABEAAAAAAQWxS2AAAAwFBMVEUAAAD///+AgICAgP9VVaqqVf+qqv+AgL+AgP9mZsxmZv+ZZv+AgNWAgP9tbdttbf+Sbf+AYN+AgN+AgP9xceNmZv+AZuaAZv90dOh0dP9qav+AauqAav+AgP92dv9tbf+Abe2Abf93Zu53d+6AcO94afCAcfF5a+R5a/JzZuaAZvKAc/J5bed5bfOAaPN6b/R1auqAavR6ZvV6cPV2bOuAbPV7aPZ2be2AbfZ7au17avZ3Zu53b+57a+97a/d4aO9J6CoeAAAAQHRSTlMAAQICAwMDBAQFBQUGBgcHBwgICAkKCgoLCwwMDAwNDg4ODw8QERITExQUFBUVFhcYGBkZGhobHBwdHR4eHx8gJ5uMWwAAA/FJREFUeNrt2G1XEkEYxvHZNk2xHGzdbKFl0cTwgdSkCKzu7/+t4pw6sAjtjIueE/f8r3fMO35nZnbuy5gVGcvfzJe0rnTfGI+MggGJRUZnbpPIhJKt88nU53JnFULvyISY6KAv8vPj0vr2rYwiE2Z2B9J+uNYcyyQxwWZvaeGH3G4bMjsvI/kcwTC/V+7kLoahlITzQojP3ZFgsJCh7IJQzpX0QFj4uMiY18eDMZ9bZCF9OQahnK6cm/Y7js0sh/LF3Auv1PlQd3MxbdXYIQspV44EEEAAAWTNDAYYkKdJbNMsLzYueZbaZ2iM46RVbHBaiZ9Js+nHEdli42N9XuSen5hGp1CQTuOJQDRsD99N4gMSpYWapNH6IJo83CIeILZQFesEaber79NCWRoukOpNEnW0gXQqD81w6ACxhbrYde7VuFCYeA2QRCNIsgZISyNIqz6IyhPjOjNVIFYniK3dmKU6QdLaJUimEySrDZLrBMlrgxRKU7sxCw/EMe0CAggggADySJCqxixIkKpNEh6IozELD8RxjQACCCCAAPJIkKrGLEgQXqqAAEJjxrQLCCCAAEJjRmNGY8a0CwgggABCYwYIfQgggNCYMe0CAggggNCY0ZjRmDHtAgIIIIAAQmNGHwIIIDRmTLuAAAIIIDRmNGY0Zky7gAACCCCA0JjRhwACCI0Z0y4ggAACCI0ZjRmNGdMuIIAAAgggNGb0IYAAQmPGtAsIIIAAQmNGY0ZjxrQLCCCAAAIIjRl9CCCA0Jgx7QICCCCA0JjRmNGYMe0CAggggABCY0YfAgggNGZMu4AAAgggNGY0ZjRmTLuAAAIIIIDQmNGHAAIIjRnTLiCAAAIIjRmNGY0ZIEy7gAACCCA0ZvQhgABCY8a0CwgggABCY0ZjBgiNGdMuIIAAAgiN2f/Sh+Q6PfLaIJlOkKw2SKoTJK3dmFmdILb2tBvrBIlrg5iWRo+WqQ+SaARJ1gCJAzsxThCN16p1vNurGjNjoo42j07kAHFskoY2kEbl33U0ZgoPjXW+Rl0gkarnahqtDaJKxMPDDWIiNafGenh4gExvVhXfmk7Da6L1AVGxSby2h6MxK79Zk42ea1pJbJ48sU2zDezQ8iy1z6BBwoyjMQsvXp8YQAAhgADilRfyy+wf8WqZZUfGZihvgZiB3FybC+kCUU5XLkAo50C+gbBQdUzkAIVyejIAYfFTI1solHP2HgNCnHn5AYNy4jvpoVB6fVzL91cwzLJ9Lfd7S0jhehxO5H5/yePr1W6gHonI7fJ5ORSR/n6Q2yQanq763zuXU5LJZRKiyD/W9/pjkdPZz0/yJ8fqVyry+qQZDMjJKoDfy8bRVhHhQTwAAAAASUVORK5CYII=");
  z-index: -1;
}

@media (max-width: 575.98px) {
  .auth-wrapper.auth-v1 .auth-inner:after {
    display: none;
  }
}

.auth-wrapper.auth-v2 {
  align-items: flex-start;
}

.auth-wrapper.auth-v2 .auth-inner {
  height: 100vh;
  overflow-y: auto;
  height: calc(var(--vh, 1vh) * 100);
}

.auth-wrapper.auth-v2 .brand-logo {
  position: absolute;
  top: 2rem;
  left: 2rem;
  margin: 0;
  z-index: 1;
}

.auth-wrapper.auth-v1 .auth-inner {
  max-width: 400px;
}

.auth-wrapper .brand-logo {
  display: flex;
  justify-content: center;
  margin: 1rem 0 2rem 0;
}

.auth-wrapper .brand-logo .brand-text {
  font-weight: 600;
}

.auth-wrapper .auth-footer-btn .btn {
  padding: 0.6rem !important;
}

.auth-wrapper .auth-footer-btn .btn:not(:last-child) {
  margin-right: 1rem;
}

@media (min-width: 1200px) {
  .auth-wrapper.auth-v2 .auth-card {
    width: 400px;
  }
}

.auth-wrapper .auth-bg {
  background-color: #FFFFFF;
}

.dark-layout .auth-wrapper .auth-bg {
  background-color: #283046;
}

@media (max-height: 625px) {
  .dark-layout .auth-wrapper .auth-inner {
    background-color: #283046;
  }

  .auth-wrapper .auth-bg {
    padding-top: 3rem;
  }

  .auth-wrapper .auth-inner {
    background-color: #FFFFFF;
    padding-bottom: 1rem;
  }

  .auth-wrapper.auth-v2 .brand-logo {
    width: 100%;
    display: flex;
    justify-content: unset;
    position: relative;
    left: 0;
    padding-left: 1.5rem;
  }
}

.choose-company .choose-company-logout {
  position: absolute;
  right: 20px;
  top: 20px;
  cursor: pointer;
}

.choose-company .choose-company-impersonation {
  position: absolute;
  left: 20px;
  top: 20px;
}

.choose-company .choose-company-search-box {
  width: 100%;
  max-width: none !important;
}

.choose-company .choose-company-empty .choose-company-empty-icon {
  display: block;
  font-size: 2rem;
  color: #9a97a5;
  margin-bottom: 1rem;
}

.choose-company .choose-company-empty h5 {
  color: #5e5873;
}

.choose-company .section-title {
  color: #6e6b7b;
  font-weight: 600;
  letter-spacing: 0.02em;
}

.choose-company .support-section-title {
  color: #b54708;
  border-top: 1px solid #e7ddd2;
  padding-top: 0.5rem;
  margin-top: 1rem !important;
}

.choose-company .support-card {
  background-color: #fffaf3 !important;
  border-left: 3px solid #f59e0b;
}

.choose-company .card {
  overflow: hidden;
  border-radius: 0.72rem;
}

.choose-company .card > a {
  display: block;
  color: inherit;
  text-decoration: none;
  border-radius: 0.72rem;
}

.choose-company .card > a.choose-company-card-link--loading {
  pointer-events: none;
  cursor: wait;
  opacity: 0.8;
}

.onboarding-page {
  display: flex;
  flex-direction: column;
  background: #f9fafb;
  color: #1f2937;
}

.onboarding-page .onboarding-header {
  padding: 20px 40px;
  background: #ffffff;
  border-bottom: 1px solid #e5e7eb;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.onboarding-page .steps-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: nowrap;
}

.onboarding-page .step {
  display: flex;
  align-items: center;
  position: relative;
}

.onboarding-page .step-number {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #d1d5db;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  z-index: 1;
  transition: all 0.3s ease;
}

.onboarding-page .step.active .step-number {
  background: #2980b9 !important;
  transform: scale(1.2);
}

.onboarding-page .step.completed .step-number {
  background: #10b981;
}

.onboarding-page .step-title {
  margin-left: 8px;
  font-size: 0.9rem;
  color: #4b5563;
  white-space: nowrap;
}

.onboarding-page .step.active .step-title {
  font-weight: 600;
  color: #111827;
}

.onboarding-page .step-line {
  height: 3px;
  background: #d1d5db;
  flex: 1;
  margin-left: 5px;
  margin-right: 5px;
  border-radius: 2px;
}

.onboarding-page .step.completed .step-line {
  background: #10b981;
}

.onboarding-page .onboarding-content {
  flex: 1;
  background: #ffffff;
  padding: 40px;
  overflow-y: auto;
}

.onboarding-page .onboarding-footer {
  padding: 20px 40px;
  border-top: 1px solid #e5e7eb;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.onboarding-page .onboarding-footer .btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.onboarding-page .onboarding-footer .btn.btn-secondary {
  left: 40px;
}

.onboarding-page .onboarding-footer .btn.btn-primary {
  right: 40px;
}

.onboarding-page .step-indicators {
  display: flex;
  gap: 10px;
  z-index: 1;
}

.onboarding-page .dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #d1d5db;
  transition: all 0.3s ease;
}

.onboarding-page .dot.active {
  background: #2980b9 !important;
  transform: scale(1.2);
}

.onboarding-page .btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.onboarding-page .step-section {
  width: 100%;
}

.onboarding-page .step-section > h3 {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 1rem;
}

.onboarding-page .step-section > p {
  font-size: 1rem;
  color: #4b5563;
}

.onboarding-page .section-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 1rem;
  gap: 1rem;
  flex-wrap: wrap;
}

.onboarding-page .section-header h3 {
  font-size: 1.25rem;
  font-weight: 600;
  margin: 0;
  margin-bottom: 0;
}

.onboarding-page .section-header p {
  margin: 4px 0 0;
  color: #6b7280;
  font-size: 0.95rem;
}

.onboarding-page .btn-select-all {
  background-color: #2980b9;
  color: #ffffff;
  border: none;
  border-radius: 6px;
  padding: 8px 14px;
  font-size: 0.9rem;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.2s ease, transform 0.1s ease;
  white-space: nowrap;
  height: -moz-fit-content;
  height: fit-content;
  align-self: center;
}

.onboarding-page .btn-select-all:hover {
  background-color: #2980b9;
}

.onboarding-page .btn-select-all:active {
  transform: scale(0.98);
}

.onboarding-page .payment-methods {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 12px;
}

.onboarding-page .payment-option {
  background: #f9fafb;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  padding: 8px 12px;
  transition: all 0.2s ease;
}

.onboarding-page .payment-option:hover {
  border-color: #2563eb;
  background: #f3f4f6;
}

.onboarding-page .payment-option label {
  display: flex;
  align-items: flex-start;
  cursor: pointer;
  width: 100%;
  gap: 10px;
}

.onboarding-page .payment-option input {
  accent-color: #2980b9;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  margin-top: 2px;
}

.onboarding-page .method-info {
  display: flex;
  flex-direction: column;
}

.onboarding-page .method-name {
  font-weight: 500;
  color: #111827;
}

.onboarding-page .method-description {
  font-size: 0.85rem;
  color: #6b7280;
}

.auth-shell {
  display: grid;
  grid-template-columns: minmax(0, 42%) minmax(0, 58%);
  min-height: 100vh;
  min-height: calc(var(--vh, 1vh) * 100);
  background: #ffffff;
}

.auth-brand {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 2rem;
  padding: 3rem 2rem;
  color: #fff;
  background: radial-gradient(120% 90% at 12% 8%, rgba(255, 255, 255, 0.14), transparent 60%), linear-gradient(160deg, #2980b9 0%, #1d5e8b 30%, #12374f 100%);
}

.auth-brand::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(rgba(255, 255, 255, 0.07) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.07) 1px, transparent 1px);
  background-size: 34px 34px;
  mask-image: radial-gradient(120% 100% at 80% 100%, #000, transparent 72%);
  -webkit-mask-image: radial-gradient(120% 100% at 80% 100%, #000, transparent 72%);
  pointer-events: none;
}

.auth-brand > * {
  position: relative;
  z-index: 1;
}

.auth-brand__logo {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.auth-brand__logo img {
  height: 64px;
  width: auto;
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: left center;
     object-position: left center;
}

.auth-brand__body {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.auth-brand__pitch {
  max-width: 20ch;
}

.auth-brand__pitch h2 {
  color: #fff;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.25;
  margin: 0;
}

.auth-brand__pitch p {
  margin: 0.75rem 0 0;
  max-width: 30ch;
  font-size: 0.857rem;
  line-height: 1.45;
  color: rgba(255, 255, 255, 0.92);
}

.auth-brand__modules {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0;
  padding: 1rem 0 0;
  border-top: 1px solid rgba(255, 255, 255, 0.16);
  list-style: none;
  max-width: 30rem;
}

.auth-brand__modules li {
  padding: 0.15rem 0.55rem;
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 999px;
  font-size: 0.8rem;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.92);
  white-space: nowrap;
}

.auth-brand__foot {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  font-size: 0.75rem;
  color: rgba(255, 255, 255, 0.82);
  font-variant-numeric: tabular-nums;
}

.auth-panel {
  display: flex;
  flex-direction: column;
  padding: 1.5rem 2rem 2rem;
  background: #ffffff;
  overflow-y: auto;
}

.auth-panel__top {
  display: flex;
  justify-content: flex-end;
  flex: 0 0 auto;
}

.auth-panel__body {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  max-width: 380px;
  margin: 0 auto;
  padding: 1.5rem 0;
}

.auth-panel__title {
  color: #5e5873;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.25;
  margin: 0 0 0.5rem;
}

.auth-panel__lead {
  color: #6e6b7b;
  margin: 0 0 1.5rem;
  font-size: 0.857rem;
}

.auth-locale {
  display: inline-flex;
  border: 1px solid #ebe9f1;
  border-radius: 0.375rem;
  overflow: hidden;
}

.auth-locale button {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem 0.6rem;
  border: 0;
  background: transparent;
  color: #6e6b7b;
  font-size: 0.78rem;
  font-weight: 500;
  line-height: 1.6;
  cursor: pointer;
  transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
}

.auth-locale button img {
  width: 16px;
  height: 11px;
  border-radius: 2px;
  -o-object-fit: cover;
     object-fit: cover;
}

.auth-locale button:hover {
  background: #f6f6f9;
}

.auth-locale button.is-active {
  background: #2980b9;
  color: #fff;
}

.auth-locale button:focus-visible {
  outline: 2px solid #2980b9;
  outline-offset: -2px;
}

.auth-form .form-group {
  margin-bottom: 1rem;
}

.auth-form label {
  color: #5e5873;
  font-size: 0.857rem;
}

.auth-form .btn-block + .btn-block {
  margin-top: 0.75rem;
}

.auth-alert {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  border: 1px solid rgba(234, 84, 85, 0.35);
  background: rgba(234, 84, 85, 0.08);
  color: #b94243;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  margin-bottom: 1rem;
  font-size: 0.857rem;
  line-height: 1.45;
}

.auth-alert--warning {
  border-color: rgba(255, 159, 67, 0.4);
  background: rgba(255, 159, 67, 0.1);
  color: #9c6129;
}

.auth-alert--success {
  border-color: rgba(40, 199, 111, 0.35);
  background: rgba(40, 199, 111, 0.08);
  color: #197d46;
}

.auth-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  background: rgba(41, 128, 185, 0.08);
  color: #246fa1;
  border-radius: 999px;
  padding: 0.1rem 0.55rem;
  font-size: 0.857rem;
  font-weight: 500;
  word-break: break-all;
}

.auth-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 1rem;
}

.auth-timer {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  border: 1px solid #ebe9f1;
  border-radius: 999px;
  padding: 0.15rem 0.6rem;
  font-size: 0.857rem;
  color: #6e6b7b;
  font-variant-numeric: tabular-nums;
}

.auth-timer::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #28c76f;
}

.auth-timer.is-low::before {
  background: #ff9f43;
}

.auth-timer.is-expired {
  color: #b94243;
}

.auth-timer.is-expired::before {
  background: #ea5455;
}

.auth-linkbtn {
  border: 0;
  background: transparent;
  padding: 0;
  color: #2980b9;
  font-size: 0.857rem;
  font-weight: 500;
  cursor: pointer;
}

.auth-linkbtn:disabled {
  color: #716e87;
  cursor: default;
}

.auth-linkbtn:focus-visible {
  outline: 2px solid #2980b9;
  outline-offset: 2px;
  border-radius: 0.25rem;
}

@media (max-width: 991.98px) {
  .auth-shell {
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr;
  }

  .auth-brand {
    padding: 1.5rem;
    gap: 1rem;
  }

  .auth-brand__logo img {
    height: 48px;
  }

  .auth-brand__modules {
    display: none;
  }

  .auth-brand__pitch {
    max-width: none;
  }

  .auth-brand__pitch h2 {
    font-size: 1.25rem;
  }

  .auth-brand__pitch p {
    display: none;
  }

  .auth-brand__foot {
    display: none;
  }
}

@media (max-width: 575.98px) {
  .auth-brand {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.5rem;
  }

  .auth-brand__logo img {
    height: 36px;
  }

  .auth-brand__pitch {
    display: none;
  }

  .auth-panel {
    padding: 1rem 1.5rem 1.5rem;
  }
}

@media (max-height: 760px) {
  .auth-brand__modules {
    display: none;
  }
}

.dark-layout .auth-shell,
.dark-layout .auth-panel {
  background: #283046;
}

.dark-layout .auth-panel__title {
  color: #d0d2d6;
}

.dark-layout .auth-panel__lead {
  color: #b4b7bd;
}

.dark-layout .auth-form label {
  color: #d0d2d6;
}

.dark-layout .auth-locale {
  border-color: #3b4253;
}

.dark-layout .auth-locale button {
  color: #b4b7bd;
}

.dark-layout .auth-locale button:hover {
  background: #242b3d;
}

.dark-layout .auth-locale button.is-active {
  background: #2980b9;
  color: #fff;
}

.dark-layout .auth-timer {
  border-color: #3b4253;
  color: #b4b7bd;
}

.dark-layout .auth-chip {
  background: rgba(41, 128, 185, 0.18);
  color: #8ec5e8;
}

.dark-layout .auth-alert {
  color: #f8b0b1;
}

.dark-layout .auth-alert--warning {
  color: #ffc78a;
}

.dark-layout .auth-alert--success {
  color: #7ee2ab;
}

.dark-layout .auth-linkbtn:disabled {
  color: #676d7d;
}

.victus-navigation .main-menu,
.victus-navigation .vertical-overlay-menu.menu-hide .main-menu,
.vertical-overlay-menu.menu-hide .victus-navigation .main-menu {
  background-color: #fff;
  background: #fff;
}

.victus-navigation .nav-item {
  min-height: 46px;
}

.victus-navigation .li a {
  border-bottom: 1px solid #ebebeb;
  font-size: 16px;
  font-weight: 400;
}

.victus-navigation .badge-pill {
  border-radius: 0.25rem;
  padding: 8px 10px 8px 10px;
  font-size: 12px;
  line-height: 12px;
  font-weight: 500;
}

.victus-navigation .active .badge-pill {
  background-color: #fff;
  background: #fff;
  color: black;
}

.main-menu.menu-light .navigation > li.active > a {
  font-weight: bold;
}

.main-menu.menu-light .navigation > li ul .active {
  font-weight: bold;
}

.main-menu,
.vertical-overlay-menu.menu-hide .main-menu {
  background-color: #fff;
  background: #fff;
}

.main-menu.menu-light .navigation li a {
  color: #575757;
}

@media print {
  * {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}

.print-container {
  width: 100%;
  padding: 10px;
}

.print-mb-2 {
  margin-bottom: 0.5rem;
}

.print-mb-3 {
  margin-bottom: 1rem;
}

.print-my-3 {
  margin: 1rem 0;
}

.print-ml-3 {
  margin-left: 3rem;
}

.print-mt-3 {
  margin-top: 3rem;
}

.print-mt-4 {
  margin-top: 4rem;
}

.print-mt-10 {
  margin-top: 10rem;
}

.print-pb-1 {
  padding-bottom: 0.25rem;
}

.print-ptr-1 {
  padding-top: 0.25rem !important;
  padding-right: 1rem !important;
  padding-bottom: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.print-mr-28 {
  margin-right: 28px !important;
}

.print-p-1 {
  padding: 0.25rem !important;
}

.print-p-05 {
  padding: 0.12rem 0.25rem !important;
}

.print-table-main {
  width: 100%;
  border-collapse: collapse !important;
  font-size: 16px !important;
}

.print-table-secondary {
  width: 100%;
  border-collapse: collapse !important;
}

.print-table-main thead tr {
  background-color: #ececec !important;
}

.print-table-main thead tr th {
  text-transform: uppercase;
  font-weight: 600;
}

.print-background {
  background-color: #ececec !important;
}

.print-text-left {
  text-align: left;
}

.print-text-right {
  text-align: right;
}

.print-text-center {
  text-align: center;
}

.print-bold {
  font-weight: 600 !important;
}

.print-hr-line {
  height: 1px;
  background-color: black;
  margin-bottom: 5px;
}

.print-pl-3 {
  padding-left: 1rem;
}

.print-d-flex-end {
  display: flex;
}

.print-d-flex-between {
  display: flex;
}

.print-flex-column {
  flex-direction: column;
}

.print-justify-content-between {
  justify-content: space-between;
}

.print-justify-content-right {
  justify-content: right;
}

.print-align-items-end {
  align-items: flex-end !important;
}

.print-align-self-center {
  align-self: center;
}

.print-element-right {
  display: block;
  margin-left: auto;
  width: -moz-fit-content;
  width: fit-content;
}

.print-border-bottom {
  border-bottom: 1px solid black !important;
  border-right: none !important;
  border-left: none !important;
}

.print-border-bottom-light {
  border-bottom: 1px solid #e0e0e0 !important;
  border-right: none !important;
  border-left: none !important;
}

.print-border-top-light {
  border-top: 1px solid #e0e0e0 !important;
  border-right: none !important;
  border-left: none !important;
}

.print-border_top {
  border-top: 2px solid black !important;
  border-right: none !important;
  border-left: none !important;
}

.font-9 {
  font-size: 9px;
}

.font-10 {
  font-size: 10px !important;
}

.font-12 {
  font-size: 12px !important;
}

.font-14 {
  font-size: 14px;
}

.font-15 {
  font-size: 15px !important;
}

.font-16 {
  font-size: 16px !important;
}

.font-17 {
  font-size: 17px !important;
}

.font-18 {
  font-size: 18px !important;
}

.font-19 {
  font-size: 19px !important;
}

.font-20 {
  font-size: 20px !important;
}

.font-22 {
  font-size: 22px;
}

.font-24 {
  font-size: 24px;
}

.font-26 {
  font-size: 26px;
}

.font-28 {
  font-size: 28px;
}

.font-34 {
  font-size: 34px !important;
}

.line-height-full {
  line-height: 120% !important;
}

.print-border-top {
  border-top: 1px solid black !important;
}

.print-border-right {
  border-right: 1px solid black !important;
}

.print-text-blue {
  color: #2980b9;
}

.print-w-200 {
  width: 200px;
}

.print-table-main .col-grow {
  width: 100%;
}

.min-height-1305 {
  min-height: 1305px;
}

.min-height-700 {
  min-height: 680px;
}

.no-wrap {
  white-space: nowrap;
}

.break-word {
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: break-all;
}

.max-w-125 {
  max-width: 125px;
}

.sticky-options {
  position: sticky;
  top: 100px;
  align-self: flex-start;
  height: -moz-fit-content;
  height: fit-content;
  z-index: 10;
}

.sticky-options-horizontal {
  position: sticky;
  top: 80px;
  align-self: flex-start;
  height: -moz-fit-content;
  height: fit-content;
  z-index: 10;
}

.hover-text-primary:hover {
  color: #2980b9;
}

@media (max-width: 1439px) {
  .sticky-options,
  .sticky-options-horizontal {
    position: relative;
    top: 0;
  }
}

.preview-card {
  background-color: #f3f4f6;
  border-radius: 0.72rem;
}

.preview-card .preview-page--fill {
  border-radius: 0.72rem;
  box-shadow: none;
}

.preview-wrapper {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

/* Kontejner za skalirani sadržaj – rezerviše samo prostor koji vizuelno zauzima */

.preview-scale-container {
  position: relative;
  margin: 0 auto;
}

/* Na širim ekranima kontejner i sadržaj u normalnom toku, puna širina */

.preview-scale-container--fill {
  overflow: visible;
}

.preview-scale-container--fill .preview-scale {
  position: static;
}

/* Unutrašnji blok – fiksna širina kao A4 kada se skala, inače 100% */

.preview-scale {
  position: absolute;
  left: 0;
  top: 0;
}

/* Stranica previewa – fiksna širina na mobilnom, puna širina na većim ekranima */

.preview-page {
  position: relative;
  background-color: #ffffff;
  box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.06), 0 18px 45px rgba(15, 23, 42, 0.12);
  border-radius: 0.72rem;
  width: 900px;
  max-width: none;
  padding: 1rem;
  box-sizing: border-box;
  font-size: 16px;
  min-height: 1305px;
}

.preview-page--fill {
  width: 100%;
}

/* Landscape preview: manja visina stranice, manji fontovi da sadržaj stane */

.preview-page--landscape {
  width: 100%;
  min-height: 794px;
  /* A4 landscape visina ~210mm */
}

.preview-page--landscape .font-16,
.preview-page--landscape .print-table-main {
  font-size: 10px !important;
  line-height: 14px !important;
}

.preview-page--landscape .font-18 {
  font-size: 12px !important;
  line-height: 16px !important;
}

.preview-page--landscape .font-34,
.preview-page--landscape .report-title {
  font-size: 22px !important;
  line-height: 28px !important;
}

.preview-page .font-16,
.preview-page .print-table-main {
  font-size: 16px !important;
  line-height: 20px !important;
}

.preview-page .font-18 {
  font-size: 18px !important;
  line-height: 22px !important;
}

.preview-page .font-34,
.preview-page .report-title {
  font-size: 34px !important;
  line-height: 40px !important;
}

.print-table-main.print-table-tax-recap,
.preview-page .print-table-main.print-table-tax-recap {
  font-size: 20px !important;
  line-height: 26px !important;
}

.print-table-main.print-table-tax-recap td {
  padding: 0.5rem 0.4rem !important;
}

.print-table-main.print-table-tax-recap tbody td {
  font-weight: 600;
  border-bottom: 2px solid black !important;
}

.preview-empty {
  min-height: 1305px;
}

.print-padding {
  padding: 0 1rem;
}

@media print {
  #printable-area {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 0 0 10px !important;
    box-shadow: none !important;
    border-radius: 0 !important;
  }

  .preview-card,
  .preview-wrapper,
  .preview-scale-container,
  .preview-scale {
    overflow: visible !important;
    transform: none !important;
    position: static !important;
    width: 100% !important;
    height: auto !important;
  }

  .preview-scale-container {
    margin: 0 !important;
  }

  .preview-page,
  .preview-page--landscape {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 0 0 0 10px !important;
    box-shadow: none !important;
    overflow: visible !important;
    page-break-after: auto !important;
    -moz-column-break-after: auto !important;
         break-after: auto !important;
  }

  html,
  body {
    height: auto !important;
    min-height: 0 !important;
    width: auto !important;
    max-height: none !important;
  }

  .preview-page .font-16,
  .preview-page .print-table-main {
    font-size: 18px !important;
    line-height: 22px !important;
  }

  .preview-page .font-18 {
    font-size: 20px !important;
    line-height: 24px !important;
  }

  .preview-page .font-34,
  .preview-page .report-title {
    font-size: 36px !important;
    line-height: 42px !important;
  }

  .preview-page .print-table-main.print-table-tax-recap {
    font-size: 22px !important;
    line-height: 28px !important;
  }

  /* Landscape print: manji fontovi da više stane po širini */

  .preview-page--landscape .font-16,
  .preview-page--landscape .print-table-main {
    font-size: 12px !important;
    line-height: 16px !important;
  }

  .preview-page--landscape .font-18 {
    font-size: 14px !important;
    line-height: 18px !important;
  }

  .preview-page--landscape .font-34,
  .preview-page--landscape .report-title {
    font-size: 26px !important;
    line-height: 32px !important;
  }

  .print-padding {
    padding: 0 !important;
  }

  .print-padding-top-24 {
    padding-top: 24px !important;
  }

  .document-status-watermark--preview {
    display: none !important;
  }

  .document-status-watermark--print-repeat {
    display: flex !important;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
  }

  .document-status-watermark--print-repeat .document-status-watermark__label {
    font-size: 2rem;
  }
}

.document-status-watermark--preview {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1305px;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  z-index: 5;
  overflow: hidden;
  border: none;
  background: transparent;
}

.preview-page--landscape .document-status-watermark--preview {
  height: 794px;
}

.document-status-watermark--print-repeat {
  display: none;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  border: none;
  background: transparent;
  overflow: visible;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}

.document-status-watermark__label {
  display: inline-block;
  transform: rotate(-35deg);
  padding: 14px 28px;
  border: 2px solid rgba(234, 84, 85, 0.4);
  color: rgba(234, 84, 85, 0.4);
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  white-space: nowrap;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}

.partner-balance-print-portal {
  display: none;
}

@media print {
  body.printing-partner-balance #app {
    display: none !important;
  }

  body.printing-partner-balance .partner-balance-print-portal {
    display: block !important;
  }
}

@media print {
  .files-wrap {
    display: none;
  }
}

table.vgt-table {
  font-size: 12px !important;
}

.flatpickr-calendar .flatpickr-day {
  color: #6e6b7b;
}

.flatpickr-calendar .flatpickr-day.today {
  border-color: #2980b9;
}

.flatpickr-calendar .flatpickr-day.today:hover {
  background: transparent;
  color: #6e6b7b;
}

.flatpickr-calendar .flatpickr-day.selected,
.flatpickr-calendar .flatpickr-day.selected:hover {
  background: #2980b9;
  color: #FFFFFF;
  border-color: #2980b9;
}

.flatpickr-calendar .flatpickr-day.inRange,
.flatpickr-calendar .flatpickr-day.inRange:hover {
  background: #94c6e7;
  border-color: #94c6e7;
  box-shadow: -5px 0 0 #94c6e7, 5px 0 0 #94c6e7;
}

.flatpickr-calendar .flatpickr-day.startRange,
.flatpickr-calendar .flatpickr-day.endRange,
.flatpickr-calendar .flatpickr-day.startRange:hover,
.flatpickr-calendar .flatpickr-day.endRange:hover {
  background: #2980b9;
  color: #FFFFFF;
  border-color: #2980b9;
}

.flatpickr-calendar .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-calendar .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-calendar .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  box-shadow: -10px 0 0 #2980b9;
}

.flatpickr-calendar .flatpickr-day.flatpickr-disabled,
.flatpickr-calendar .flatpickr-day.prevMonthDay,
.flatpickr-calendar .flatpickr-day.nextMonthDay {
  color: #dae1e7;
}

.flatpickr-calendar .flatpickr-day:hover {
  background: #f6f6f6;
}

.flatpickr-calendar:after,
.flatpickr-calendar:before {
  display: none;
}

.flatpickr-calendar .flatpickr-months .flatpickr-prev-month,
.flatpickr-calendar .flatpickr-months .flatpickr-next-month {
  top: -5px;
}

.flatpickr-calendar .flatpickr-months .flatpickr-prev-month:hover i,
.flatpickr-calendar .flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-calendar .flatpickr-months .flatpickr-next-month:hover i,
.flatpickr-calendar .flatpickr-months .flatpickr-next-month:hover svg {
  fill: #2980b9;
}

.flatpickr-calendar .flatpickr-current-month span.cur-month {
  font-weight: 300;
}

.flatpickr-calendar.open {
  z-index: 1051;
}

.flatpickr-calendar.hasTime.open .flatpickr-time {
  height: auto;
}

.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
  background: #FFFFFF;
}

.dark-layout .flatpickr-calendar {
  background: #161d31;
  border-color: #161d31;
  box-shadow: none;
}

.dark-layout .flatpickr-calendar .flatpickr-months i,
.dark-layout .flatpickr-calendar .flatpickr-months svg {
  fill: #b4b7bd;
}

.dark-layout .flatpickr-calendar .flatpickr-month {
  color: #b4b7bd;
}

.dark-layout .flatpickr-calendar .flatpickr-weekwrapper .flatpickr-weeks {
  box-shadow: 1px 0 0 #3b4253;
}

.dark-layout .flatpickr-calendar .flatpickr-weekday {
  color: #b4b7bd;
}

.dark-layout .flatpickr-calendar .flatpickr-day,
.dark-layout .flatpickr-calendar .flatpickr-day.today:hover {
  color: #b4b7bd;
}

.dark-layout .flatpickr-calendar .flatpickr-day.selected {
  color: #FFFFFF;
}

.dark-layout .flatpickr-calendar .flatpickr-day.prevMonthDay,
.dark-layout .flatpickr-calendar .flatpickr-day.nextMonthDay,
.dark-layout .flatpickr-calendar .flatpickr-day.flatpickr-disabled {
  color: #4e5154 !important;
}

.dark-layout .flatpickr-calendar .flatpickr-day.inRange,
.dark-layout .flatpickr-calendar .flatpickr-day.inRange:hover {
  background: #283046;
  border-color: #283046;
  box-shadow: -5px 0 0 #283046, 5px 0 0 #283046;
}

.dark-layout .flatpickr-calendar .flatpickr-day:hover:not(.selected):not(.today):not(.startRange):not(.endRange) {
  color: #b4b7bd;
  border-color: #283046;
}

.dark-layout .flatpickr-calendar .flatpickr-days .flatpickr-day:hover:not(.selected):not(.today):not(.startRange):not(.endRange),
.dark-layout .flatpickr-calendar .flatpickr-days .flatpickr-day:focus:not(.selected):not(.today):not(.startRange):not(.endRange) {
  background: #283046;
}

.dark-layout .flatpickr-calendar .flatpickr-time {
  border-color: #161d31 !important;
}

.dark-layout .flatpickr-calendar .flatpickr-time .numInput,
.dark-layout .flatpickr-calendar .flatpickr-time .flatpickr-am-pm {
  color: #b4b7bd;
}

.dark-layout .flatpickr-calendar .flatpickr-time .numInput:hover,
.dark-layout .flatpickr-calendar .flatpickr-time .flatpickr-am-pm:hover {
  background: #161d31;
}

.dark-layout .flatpickr-calendar .flatpickr-time .arrowUp:after {
  border-bottom-color: #b4b7bd;
}

.dark-layout .flatpickr-calendar .flatpickr-time .arrowDown:after {
  border-top-color: #b4b7bd;
}

.dark-layout .flatpickr-time input:hover,
.dark-layout .flatpickr-time .flatpickr-am-pm:hover,
.dark-layout .flatpickr-time input:focus,
.dark-layout .flatpickr-time .flatpickr-am-pm:focus {
  background: #161d31;
}

.flatpickr-input[readonly],
.flatpickr-input ~ .form-control[readonly],
.flatpickr-human-friendly[readonly] {
  background-color: inherit;
  opacity: 1 !important;
}

.flatpickr-weekdays {
  margin-top: 8px;
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
  -webkit-appearance: none;
}

.flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-current-month .numInputWrapper {
  font-size: 1.1rem;
  border-radius: 4px;
  padding: 2px;
  transition: all 0.15s ease-out;
}

.flatpickr-current-month .flatpickr-monthDropdown-months span,
.flatpickr-current-month .numInputWrapper span {
  display: none;
}

html[dir=rtl] .flatpickr-calendar .flatpickr-prev-month svg,
html[dir=rtl] .flatpickr-calendar .flatpickr-next-month svg {
  transform: rotate(180deg);
}

.tableForm {
  width: 100%;
}

.tableForm th,
.tableForm td {
  padding: 0px !important;
  border: 0px !important;
}

.tableForm thead td {
  font-size: 12px;
  font-weight: bold;
}

.tableForm td {
  padding-left: 2px !important;
  padding-right: 2px !important;
}

.tableForm .handle {
  background: none;
  padding: 0;
  border-radius: 0;
}

.tableForm .form-control {
  padding-inline: 8px;
}

.tableForm .vs__dropdown-toggle,
.tableForm .v-select .vs__dropdown-toggle,
.tableForm .v-select.vs--single .vs__dropdown-toggle {
  padding-left: 8px !important;
}

.tableForm .vs__actions {
  padding-right: 2px !important;
}

.tableForm .sticky-el {
  position: sticky;
  right: 0px;
  bottom: 0px;
  backdrop-filter: blur(4px);
  background: rgba(255, 255, 255, 0.7);
  z-index: 10;
  padding: 0 10px !important;
  border-radius: 0.5rem;
}

.tableForm .sticky-el span {
  width: 30px;
  height: 30px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #efefef;
  padding: 3px 7px;
  border-radius: 0.375rem;
  cursor: pointer;
}

.select-item {
  position: absolute !important;
  z-index: 1050;
  width: 195px;
}

.first-item {
  left: 20px;
}

.bold {
  font-weight: bold;
}

.flipped .test {
  transform: rotateX(180deg);
}

.flipped {
  transform: rotateX(180deg);
  padding-bottom: 20px;
}

.bold {
  font-weight: bold !important;
}

.br-10 {
  border-radius: 10px !important;
}

.modal .modal-header {
  background-color: #fff;
}

.primary-invert {
  display: inline-block;
  border: 1px solid #5e5873;
  color: #5e5873;
  background-color: #fff;
  padding: 5px;
  border-radius: 5px;
  cursor: pointer;
  line-height: 1;
}

.btn-index-table {
  padding: 0.4rem 0.8rem;
  font-size: 12px;
}

.btn-padding {
  padding: 4px 8px !important;
  font-size: 12px;
}

.btn {
  transition: 0.2s ease-in;
}

.btn-report:hover {
  background-color: #f8f8f8;
  transform: translateY(-2px);
  box-shadow: 0 6px 12px rgba(94, 88, 115, 0.3) !important;
}

.btn-report:hover .icon-visit_hover {
  background-color: white;
}

/* .test-btn-table {
    background-color: #fff !important;
    line-height: 1;
    cursor: pointer;
    color: #82868b;
    padding: 5px;
    border: 1px solid #82868b !important;
    padding: 4px 5px;

    &:hover {
        color: #82868b !important;
        background-color: rgba(130,134,139,.04) !important;
    }
} */

.as-center {
  align-self: center;
}

.first-div {
  display: inline-block;
  width: calc(35% - 5px);
}

.second-div {
  display: inline-block;
  width: 65%;
  margin-left: auto;
}

.full-div {
  display: inline-block;
  width: 100%;
}

.custom-field-box {
  border: 1px solid #ececec !important;
  padding: 10px;
  border-radius: 10px;
}

/* $font-family-sans-serif:      -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !default;
$font-family-monospace:       Monaco, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
$font-family-base:            $font-family-sans-serif !default;

body { font-family: "Courier New"; }
table { font-family: "Courier New"; } */

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}

.v-select .vs__selected {
  margin: 2px 2px 0px 2px !important;
}

.v-select .vs__search {
  height: 25px !important;
  width: 0;
  padding: 0;
}

/* height:auto breaks vertical centering for single select — core.scss fixes toggle at 38px */

.v-select:not(.vs--single) .vs__dropdown-toggle {
  height: auto !important;
  padding-bottom: 4px !important;
}

.v-select.vs--single .vs__selected {
  margin-top: 0 !important;
}

.custom-td {
  padding: 5px;
  padding-left: 0px;
  white-space: nowrap;
  width: 1px;
  padding-right: 20px;
  font-weight: bold;
}

.input-warning {
  border: 1px solid #ffc107 !important;
  color: #ffc107 !important;
}

@media (max-width: 992px) {
  /* .modal-dialog {
      max-width: 85% !important;
  } */
}

@media (min-width: 576px) {
  .grid-view {
    display: grid;
    grid-template-columns: 1fr 1fr;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }

  .grid-view.wishlist-items {
    grid-template-columns: 1fr 1fr;
  }

  .deals-grid-view {
    display: grid;
    grid-template-columns: 1fr 1fr;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }

  .deals-grid-view.wishlist-items {
    grid-template-columns: 1fr 1fr;
  }

  .leads-grid-view {
    display: grid;
    grid-template-columns: 1fr 1fr;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }

  .leads-grid-view.wishlist-items {
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 768px) {
  .grid-view {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }

  .grid-view.wishlist-items {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .leads-grid-view {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }

  .leads-grid-view.wishlist-items {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .deals-grid-view {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }

  .deals-grid-view.wishlist-items {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media (min-width: 992px) {
  .grid-view {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }

  .grid-view.wishlist-items {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .deals-grid-view {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }

  .deals-grid-view.wishlist-items {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .leads-grid-view {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }

  .leads-grid-view.wishlist-items {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

@media (min-width: 1200px) {
  .grid-view {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }

  .grid-view.wishlist-items {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .deals-grid-view {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }

  .deals-grid-view.wishlist-items {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }

  .leads-grid-view {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }

  .leads-grid-view.wishlist-items {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }
}

@media (min-width: 1400px) {
  .grid-view {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }

  .grid-view.wishlist-items {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }

  .deals-grid-view {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }

  .deals-grid-view.wishlist-items {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }

  .leads-grid-view {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }

  .leads-grid-view.wishlist-items {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }
}

.custom-radio .custom-radio.custom-control {
  width: 100%;
}

/* (ignored) */