/* SmartHost customer theme overlay. HESK behaviours and staff UI remain vendor-owned. */
body.sh-support{--sh-ink:#063B46;--sh-teal:#087F73;--sh-mist:#E9F5F1;--sh-line:#DCEBE6;--sh-control:#C6E0D8;--sh-muted:#5A7378;margin:0;color:var(--sh-ink);background:#fff;font:18px/1.5 'Source Sans 3',sans-serif;display:flex;flex-direction:column;min-height:100vh}
.sh-support *, .sh-support *::before,.sh-support *::after{box-sizing:border-box}
.sh-support h1,.sh-support h2,.sh-support h3,.sh-support h4,.sh-support h5,.sh-support h6{font-family:'Bricolage Grotesque',sans-serif;font-weight:600;letter-spacing:-.028em;color:var(--sh-ink)}
.sh-support button,.sh-support input,.sh-support textarea,.sh-support select{font-family:'Source Sans 3',sans-serif;font-size:17px}
.sh-support a,.sh-support .link{color:var(--sh-teal)}
.sh-support :focus-visible{outline:3px solid var(--sh-teal);outline-offset:3px}
.sh-support .wrapper{font:inherit;color:inherit;letter-spacing:0;background:#fff;min-height:0;flex:1;width:100%;display:flex}
.sh-support .main{min-height:0;width:100%;flex:1}
.sh-support .contr{width:100%;max-width:1320px;margin:0 auto;padding:0 28px}
.sh-support .main__content{background:#fff;padding:28px 0 36px;flex:1;min-height:0}
.sh-support .main__content.notice-flash{padding:16px 0}
.sh-support .header{background:#F7FBF9;border-bottom:1px solid var(--sh-line)}
.sh-support .header__inner{display:flex;align-items:center;justify-content:flex-start;gap:18px;min-height:76px;padding:10px 0;flex-wrap:wrap}
.sh-support .sh-support-brand{display:flex;gap:18px;align-items:center;flex-shrink:0}
.sh-support .sh-support-logo{display:flex;align-items:center;min-height:44px}
.sh-support .sh-support-logo img{display:block;height:34px;width:auto}
.sh-support .sh-support-pill{font:600 16px/1.5 'Source Sans 3',sans-serif;border:1px solid var(--sh-control);border-radius:999px;padding:4px 12px;background:var(--sh-mist);color:var(--sh-ink);text-decoration:none;white-space:nowrap;flex-shrink:0}
.sh-support .sh-support-pill:hover{text-decoration:underline;text-underline-offset:3px}
.sh-support .sh-support-nav{display:flex;align-items:center;gap:24px;margin-left:auto}
.sh-support .sh-support-nav a{font:600 16px/1.35 'Source Sans 3',sans-serif;display:flex;align-items:center;justify-content:center;min-height:44px;text-decoration:none}
.sh-support .sh-support-nav a:hover{text-decoration:underline;text-underline-offset:3px}
.sh-support .sh-support-nav .sh-support-client{color:var(--sh-ink);border:1px solid var(--sh-control);border-radius:9px;background:#fff;min-height:52px;padding:12px 20px}
.sh-support .header__nav,.sh-support .header__lang{margin-left:0;color:var(--sh-ink)}
.sh-support .header__nav .user__name,.sh-support .header__nav .user__name span{color:var(--sh-ink)}
.sh-support .sh-support-skip{position:absolute;left:20px;top:-100px;z-index:2000;background:#fff;padding:12px}
.sh-support .sh-support-skip:focus{top:8px}
.sh-support .breadcrumbs{background:#fff;border-bottom:1px solid var(--sh-line);padding:0}
.sh-support .breadcrumbs[hidden]{display:none}
.sh-support .breadcrumbs__inner{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:6px 0;font-size:15px;line-height:1.4;color:var(--sh-muted)}
.sh-support .breadcrumbs__inner a{display:flex;align-items:center;min-height:44px;overflow-wrap:anywhere;max-width:100%}
.sh-support .breadcrumbs__inner .icon{fill:var(--sh-muted);flex-shrink:0}
.sh-support .breadcrumbs__inner .last{color:var(--sh-muted);overflow-wrap:anywhere}
.sh-support .help-search{margin:0 auto;text-align:center;padding:0;max-width:850px}
.sh-support .search__title{font-size:clamp(38px,4vw,52px);line-height:1.08;margin:0 0 12px;color:var(--sh-ink)}
.sh-support .sh-support-intro{font-size:20px;line-height:1.5;color:var(--sh-muted);margin:0 auto;max-width:65ch}
.sh-support .nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:860px;margin:26px auto 0}
.sh-support .navlink{display:flex;align-items:flex-start;width:100%;max-width:none;margin:0;padding:24px;gap:18px;border:1px solid var(--sh-line);border-radius:14px;box-shadow:none;background:#fff;color:var(--sh-ink);text-decoration:none;letter-spacing:0;min-width:0}
.sh-support .navlink:hover{background:#F7FBF9;border-color:var(--sh-control)}
.sh-support .navlink:focus-visible{outline-offset:4px}
.sh-support .navlink>div:last-child{min-width:0}
.sh-support .navlink__title{font-size:25px;line-height:1.2;font-weight:600;color:var(--sh-ink);margin:0 0 8px;overflow-wrap:anywhere}
.sh-support .navlink__descr{font-size:17px;line-height:1.5;color:var(--sh-muted);margin:0}
.sh-support .sh-support-card-action{display:flex;align-items:center;gap:16px;min-height:44px;font-size:17px;font-weight:600;margin-top:12px;color:var(--sh-teal)}
.sh-support .icon-in-circle{background:var(--sh-mist);color:var(--sh-teal);flex-shrink:0;margin:0;box-shadow:none}
.sh-support .icon-in-circle .icon{fill:var(--sh-teal)}
.sh-support .select__title{font-size:32px;line-height:1.2;margin:0;text-align:center;color:var(--sh-ink)}
.sh-support.sh-page-category-select .nav{grid-template-columns:repeat(3,minmax(0,1fr))}
.sh-support.sh-page-category-select .navlink{align-items:center;padding:20px;min-height:88px}
.sh-support.sh-page-category-select .navlink__title{font-size:23px;margin:0}
.sh-support .article__heading--form{font-size:32px;line-height:1.2;margin:0 auto 12px;color:var(--sh-ink);gap:12px;justify-content:center}
.sh-support .article-heading-tip{font-size:15px;line-height:1.5;color:var(--sh-muted);margin-bottom:20px}
.sh-support .form-submit-ticket{max-width:720px;margin:24px auto 0;padding:28px;border:1px solid var(--sh-line);border-radius:14px;box-shadow:none;background:#fff}
.sh-support.sh-page-lookup .form-submit-ticket{max-width:520px}
.sh-support .form-submit-ticket .form-group,.sh-support .form-submit-ticket .form-groups{width:100%;max-width:none;margin-left:0;margin-right:0}
.sh-support .form-group{margin-bottom:20px}
.sh-support .form-group .label,.sh-support .param>.label{font-size:17px;color:var(--sh-ink);font-weight:600;margin-bottom:7px;line-height:1.5}
.sh-support .form input.form-control,.sh-support .form textarea.form-control,.sh-support .form select.form-control{width:100%;max-width:100%;border:1px solid var(--sh-control);background:#fff;color:var(--sh-ink);border-radius:9px;font:400 18px/1.5 'Source Sans 3',sans-serif;padding:10px 12px;min-height:48px;box-shadow:none}
.sh-support .form input.form-control:hover,.sh-support .form textarea.form-control:hover{border-color:var(--sh-teal)}
.sh-support .form input.form-control:focus,.sh-support .form textarea.form-control:focus{border-color:var(--sh-teal);outline:3px solid var(--sh-teal);outline-offset:2px;box-shadow:none}
.sh-support .form textarea.form-control{min-height:180px;resize:vertical}
.sh-support .form input.form-control.isError,.sh-support .form textarea.form-control.isError,.sh-support .form-group.error input{border-color:#AF3434}
.sh-support .form .checkbox-custom label,.sh-support .form .radio-custom label{font:400 17px/1.5 'Source Sans 3',sans-serif;color:var(--sh-ink);min-height:44px;display:flex;align-items:center}
.sh-support .checkbox-custom>label:before,.sh-support .radio-custom>label:before{border-color:var(--sh-teal)}
.sh-support .checkbox-custom input:focus-visible+label,.sh-support .radio-custom input:focus-visible+label{outline:3px solid var(--sh-teal);outline-offset:3px}
.sh-support .checkbox-custom input:checked+label:after,.sh-support .radio-custom input:checked+label:after{border-color:var(--sh-teal)}
.sh-support .divider{margin:18px 0}
.sh-support .btn{border-radius:9px;font:600 17px/1.35 'Source Sans 3',sans-serif;min-height:44px;height:auto;line-height:1.35;padding:10px 18px;max-width:100%;white-space:normal}
.sh-support .btn-full,.sh-support .btn--blue{background:var(--sh-teal);border:1px solid var(--sh-teal);color:#fff;min-height:52px}
.sh-support .btn-full:hover,.sh-support .btn--blue:hover{background:#066B61;border-color:#066B61;color:#fff}
.sh-support .btn-full:disabled,.sh-support .btn-full.disabled{background:#DCEBE6;color:var(--sh-muted);border-color:var(--sh-control);cursor:not-allowed}
.sh-support .btn-border,.sh-support .btn--blue-border,.sh-support #cc-link .btn,.sh-support .btn#add-file{background:#fff;border:1px solid var(--sh-control);color:var(--sh-ink)}
.sh-support .btn-border:hover,.sh-support .btn--blue-border:hover,.sh-support #cc-link .btn:hover{background:var(--sh-mist);color:var(--sh-ink)}
.sh-support .form-footer{padding:8px 0 0;margin-top:12px;gap:12px}
.sh-support .form-footer .btn-full{width:100%;max-width:100%;min-width:0}
.sh-support .form-footer>a{display:flex;align-items:center;min-height:44px}
.sh-support .dropdown-select>span,.sh-support .selectize-input{border:1px solid var(--sh-control);border-radius:9px;background:#fff;color:var(--sh-ink);min-height:44px;font-size:17px;box-shadow:none}
.sh-support .dropdown-select .dropdown-list,.sh-support .selectize-dropdown{border:1px solid var(--sh-control);border-radius:9px;background:#fff;box-shadow:none;color:var(--sh-ink)}
.sh-support .dropdown-select .dropdown-list>li:hover{background:var(--sh-mist);color:var(--sh-ink)}
.sh-support .param--attach .attach{width:100%;max-width:100%}
.sh-support .dropzone{border:1px dashed var(--sh-control);border-radius:9px;background:#F7FBF9;color:var(--sh-muted);min-height:100px}
.sh-support .dropzone .dz-message{font-size:16px;margin:20px 12px;line-height:1.5}
.sh-support .attach .attach-tooltype .link{display:flex;align-items:center;min-height:44px;font-size:15px;color:var(--sh-teal)}
.sh-support .notification,.sh-support .alert{border:1px solid var(--sh-line);border-radius:12px;box-shadow:none;padding:20px;color:var(--sh-ink);font-size:17px;line-height:1.5;background:var(--sh-mist)}
.sh-support .notification.red{background:#FFF2F0;border-color:#E5C3C0;border-left:4px solid #AF3434;color:#71312C}
.sh-support .notification.orange{background:#FFF4EA;border-color:#F0D5BF;border-left:4px solid #A95716;color:#6B3D1E}
.sh-support .notification.green,.sh-support .notification.blue{background:var(--sh-mist);border-color:var(--sh-control);border-left:4px solid var(--sh-teal)}
.sh-support .notification.yellow{background:var(--sh-mist);border-color:var(--sh-control);border-left:1px solid var(--sh-control)}
.sh-support #modal-contents{width:100%;max-width:520px;margin:24px auto 0;padding:24px;border:1px solid var(--sh-control);border-radius:14px;background:var(--sh-mist);color:var(--sh-ink);box-shadow:none;text-align:left}
.sh-support #modal-contents .notification{background:transparent;border:0;border-radius:0;margin:0;padding:0}
.sh-support #modal-contents .form-group{margin-top:16px}
.sh-support #forgot-tid-submit{width:100%;min-width:0}
.sh-support .modal,.sh-support .modal .modal__body{box-shadow:none;border-radius:14px}
.sh-support .modal .modal__body{border:1px solid var(--sh-line);background:#fff;color:var(--sh-ink)}
.sh-support .modal a.close-modal{width:44px;height:44px;top:0;right:0;background-size:20px}
.sh-support .article,.sh-support .ticket__body,.sh-support .ticket__header,.sh-support .ticket__reply,.sh-support .ticket__params,.sh-support .preview{box-shadow:none;border-color:var(--sh-line)}
.sh-support .article{background:#fff;border:1px solid var(--sh-line);border-radius:14px;max-width:1000px;margin:24px auto;padding:24px}
.sh-support .preview{color:var(--sh-ink)}
.sh-support .tabbed__head_tabs{border-color:var(--sh-line)}
.sh-support .loading-message{background:#fff;color:var(--sh-ink);border-radius:14px;box-shadow:none}
.sh-support .form-control__error{color:#9B302E;font-size:15px}
.sh-support .footer{background:#fff;color:var(--sh-muted);box-shadow:none;font-family:'Source Sans 3',sans-serif}
.sh-support .sh-tools-footer{flex:none;margin-top:0}
@media(max-width:760px){.sh-support .contr{padding:0 20px}.sh-support .header__inner{min-height:68px;gap:10px}.sh-support .sh-support-brand{gap:10px}.sh-support .sh-support-logo img{height:30px}.sh-support .sh-support-pill{font-size:14px;padding:4px 8px}.sh-support .sh-support-nav{gap:0}.sh-support .sh-support-home{display:none!important}.sh-support .sh-support-nav .sh-support-client{font-size:14px;min-height:44px;padding:8px 12px;white-space:nowrap}.sh-support .main__content{padding:24px 0 28px}.sh-support .search__title{font-size:38px}.sh-support .sh-support-intro{font-size:18px}.sh-support .nav,.sh-support.sh-page-category-select .nav{grid-template-columns:1fr;gap:16px;margin-top:22px}.sh-support .navlink{padding:20px;gap:14px}.sh-support .navlink__title{font-size:24px}.sh-support .article__heading--form{font-size:28px}.sh-support .form-submit-ticket{padding:20px;margin-top:20px}.sh-support .article-heading-tip{margin-bottom:16px}.sh-support #modal-contents{padding:20px}.sh-support .breadcrumbs__inner{font-size:14px}.sh-support .notification{padding:16px}.sh-support .article{padding:20px}.sh-support .header__nav{max-width:100%;min-width:0}.sh-support .header__nav .user__name{max-width:160px;overflow-wrap:anywhere}}
@media(max-width:480px){.sh-support .contr{padding-left:16px;padding-right:16px}.sh-support .sh-support-logo img{height:26px}.sh-support .navlink{padding:18px}.sh-support .navlink__title{font-size:23px}.sh-support .form-submit-ticket{padding:18px}.sh-support .form input.form-control,.sh-support .form textarea.form-control{font-size:17px}.sh-support .article__heading--form{font-size:26px}.sh-support .search__title{font-size:36px}}
@media(prefers-reduced-motion:reduce){.sh-support *{scroll-behavior:auto;transition:none!important}}
/* Let long forms determine document height; retain a bottom footer on short pages. */
body.sh-support{height:auto}
.sh-support .wrapper{flex:1 0 auto;min-height:auto}
.sh-support .main__content{flex:1 0 auto}
.sh-support .article__heading+.article-heading-tip{margin-top:0}
.sh-support .notification{font-family:'Source Sans 3',sans-serif}
.sh-support .notification::before{display:none}
.sh-support #cc-link a{display:inline-flex;align-items:center;min-height:44px;border:1px solid var(--sh-control);border-radius:9px;padding:10px 18px;color:var(--sh-ink);background:#fff;font:600 17px/1.35 'Source Sans 3',sans-serif;text-decoration:none}
.sh-support #cc-link a:hover{background:var(--sh-mist)}
.sh-support .dropdown-select .label{border:1px solid var(--sh-control);border-radius:9px;background:#fff;color:var(--sh-ink);min-height:44px;box-shadow:none;font:400 17px/1.5 'Source Sans 3',sans-serif}
.sh-support #cc-link{height:auto;min-width:0;border:0;background:transparent;max-width:100%}
.sh-support .form .checkbox-custom label,.sh-support .form .radio-custom label{padding-top:10px;padding-bottom:10px;display:block;line-height:24px}
.sh-support .form .checkbox-custom label::before,.sh-support .form .radio-custom label::before{top:13px}
.sh-support .form .checkbox-custom label::after{top:17px}
.sh-support .form .radio-custom label::after{top:17px;background:var(--sh-teal)}
.sh-support .ticket{padding:0;gap:24px;max-width:1120px;margin:0 auto}
.sh-support .ticket__body{min-width:0;padding-top:0}
.sh-support .ticket__body_block{background:#fff;box-shadow:none;border:1px solid var(--sh-line);border-radius:14px;padding:24px;text-align:left;color:var(--sh-ink);overflow-wrap:anywhere}
.sh-support .ticket__body_block.response{background:#F7FBF9;box-shadow:none}
.sh-support .ticket__params .params--block{background:#fff;box-shadow:none;border:1px solid var(--sh-line);border-radius:12px;color:var(--sh-ink)}
.sh-support .ticket__block-footer{color:var(--sh-muted);border-color:var(--sh-line)}
.sh-support .ticket__body_block .block--head{color:var(--sh-muted);border-color:var(--sh-line)}
.sh-support .ticket__body_block .block--head .contact .dropdown.customer label{color:var(--sh-ink);border-color:var(--sh-control);font-family:'Source Sans 3',sans-serif}
.sh-support .ticket__params .params--block .accordion-title,.sh-support .ticket__params .params--block .row .title{color:var(--sh-ink)}
.sh-support .form-footer .link{font-size:16px;margin-top:12px}
@media(max-width:760px){.sh-support .ticket{display:flex;flex-direction:column;padding:0;gap:0}.sh-support .ticket__body,.sh-support .ticket__params{width:100%;max-width:100%}.sh-support .ticket__body_block{padding:20px}.sh-support .ticket__params{position:static}.sh-support .ticket__body_block .block--head .contact{flex-wrap:wrap}}

.sh-support .ticket__body_block .block--head{flex-wrap:wrap;gap:12px}
.sh-support .ticket__body_block .block--head .d-flex{min-width:0;max-width:100%;flex:1}
.sh-support .ticket__body_block .block--head .contact.grid{min-width:0;max-width:100%}
.sh-support .ticket__body_block .block--head .btn-action{flex-shrink:0}
