/* FIX-LOGIC interface layer for SD. Loaded last to preserve application behavior. */
@font-face{font-family:Inter;src:url('../fonts/inter-400-cyrillic.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Inter;src:url('../fonts/inter-500-cyrillic.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Inter;src:url('../fonts/inter-600-cyrillic.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Golos;src:url('../fonts/golos-600-cyrillic.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Golos;src:url('../fonts/golos-700-cyrillic.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}

:root{--fl-navy:#102033;--fl-navy-2:#172b43;--fl-orange:#e8722c;--fl-orange-dark:#c95c1c;--fl-bg:#f5f6f7;--fl-surface:#fff;--fl-surface-2:#f0f2f4;--fl-text:#17212b;--fl-muted:#65717d;--fl-faint:#8d98a3;--fl-line:#dde2e6;--fl-success:#26845b;--fl-danger:#c94747;--fl-radius:12px;--fl-shadow:0 12px 34px rgba(16,32,51,.10)}
html{background:var(--fl-bg)!important;color:var(--fl-text)}
body,body *{font-family:Inter,Arial,sans-serif}
body{background:var(--fl-bg)!important;background-image:none!important;color:var(--fl-text)!important;font-size:14px;line-height:1.55}
h1,h2,h3,h4,h5,h6,.navbar-brand,.logo-brand{font-family:Golos,Inter,sans-serif!important;color:var(--fl-navy);letter-spacing:-.015em}
a,.link{color:var(--fl-navy);transition:color .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease}
a:hover,.link:hover{color:var(--fl-orange);text-decoration:none}

/* Shared content surfaces */
#container{background:transparent!important;box-shadow:none!important}
#content{background:var(--fl-surface)!important;border:1px solid var(--fl-line)!important;border-radius:0 0 14px 14px!important;box-shadow:0 4px 18px rgba(16,32,51,.05);padding:clamp(18px,2vw,28px)!important;min-width:0!important}
hr{border:0;border-top:1px solid var(--fl-line)}
fieldset,.well,.panel,.card,.infoTable,.thread-entry{border-color:var(--fl-line)!important;border-radius:var(--fl-radius)!important;background:var(--fl-surface)!important;box-shadow:none!important}

/* Client header */
body:not(:has(#sidebar)) #container{width:min(1180px,calc(100% - 32px))!important;max-width:none!important;margin:24px auto!important}
.header-head{min-height:72px!important;padding:0 22px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;background:rgba(255,255,255,.96)!important;border:1px solid var(--fl-line)!important;border-radius:16px!important;box-shadow:0 4px 18px rgba(16,32,51,.06)!important}
.navbar-brand{padding:0!important;margin:0!important}
.logo-brand{display:flex!important;align-items:center;gap:10px;color:var(--fl-muted)!important;font-size:11px!important;line-height:1.25;text-transform:none}
.logo-brand:before{content:'FL';display:grid;place-items:center;width:34px;height:34px;border:1.5px solid var(--fl-navy);border-radius:9px;color:var(--fl-orange);font:700 12px Golos,Inter,sans-serif;letter-spacing:.04em}
.logo-brand span{display:block!important;color:var(--fl-navy)!important;font:700 20px Golos,Inter,sans-serif!important;letter-spacing:-.03em}
.header-right{display:flex!important;align-items:center;gap:6px;float:none!important}
.header-right a{padding:9px 12px!important;border-radius:8px;color:var(--fl-navy)!important;font-weight:500}
.header-right a:hover,.header-right a.active{background:var(--fl-surface-2)!important;color:var(--fl-orange)!important}
.search-form{margin:18px 0!important;padding:0!important;background:transparent!important;border:0!important}
.search-form form{display:flex;gap:8px}.search-form .search{flex:1}

/* Inputs and buttons */
input[type=text],input[type=password],input[type=email],input[type=search],input[type=tel],input[type=number],input[type=date],input[type=datetime-local],select,textarea,.select2-container .select2-choice,.form-control{min-height:40px;border:1px solid #cfd6dc!important;border-radius:9px!important;background:#fff!important;color:var(--fl-text)!important;box-shadow:none!important;padding:8px 11px!important;outline:none;transition:border-color .18s ease,box-shadow .18s ease}
textarea{min-height:96px}
input:focus,select:focus,textarea:focus,.form-control:focus{border-color:var(--fl-orange)!important;box-shadow:0 0 0 3px rgba(232,114,44,.14)!important}
button,.button,.action-button,input[type=button],input[type=submit],.btn{min-height:38px;border:1px solid var(--fl-navy)!important;border-radius:9px!important;background:var(--fl-navy)!important;background-image:none!important;color:#fff!important;font-weight:600!important;text-shadow:none!important;box-shadow:none!important;padding:8px 15px!important;line-height:1.25!important}
button:hover,.button:hover,.action-button:hover,input[type=button]:hover,input[type=submit]:hover,.btn:hover{background:var(--fl-navy-2)!important;border-color:var(--fl-navy-2)!important;color:#fff!important;box-shadow:0 5px 14px rgba(16,32,51,.16)!important;text-decoration:none!important}
button[type=submit],input[type=submit],.primary.button,.green.button,.btn-primary{background:var(--fl-orange)!important;border-color:var(--fl-orange)!important}
button[type=submit]:hover,input[type=submit]:hover,.primary.button:hover,.green.button:hover,.btn-primary:hover{background:var(--fl-orange-dark)!important;border-color:var(--fl-orange-dark)!important}
.white.button,.light.button,.btn-light,.btn-secondary{background:#fff!important;color:var(--fl-navy)!important;border-color:var(--fl-line)!important}
.red.button,.danger,.btn-danger{background:var(--fl-danger)!important;border-color:var(--fl-danger)!important;color:#fff!important}

/* Tables, tabs and feedback */
table.list,table.list2,.table,.table-wrap{border:1px solid var(--fl-line)!important;border-radius:12px!important;border-collapse:separate!important;border-spacing:0!important;overflow:hidden;background:#fff!important}
table.list thead th,table.list2 thead th,.table>thead th,.table tr.header th,.table tr.header td{background:var(--fl-surface-2)!important;color:var(--fl-navy)!important;border-color:var(--fl-line)!important;font-weight:600!important}
table.list tbody td,table.list2 tbody td,.table td{border-color:#e8ecef!important;background:#fff}
table.list tbody tr:hover td,table.list2 tbody tr:hover td,.table tbody tr:hover td{background:#fff8f3}
.tabs,.nav-tabs,#sub_nav{border-bottom-color:var(--fl-line)!important}
.tabs a,.nav-tabs a,#sub_nav a{color:var(--fl-muted)!important;border-radius:8px 8px 0 0!important}
.tabs a.active,.nav-tabs .active a,#sub_nav a.active{color:var(--fl-navy)!important;border-color:var(--fl-orange)!important}
#msg_info,.info-banner{background:#eef6ff!important;border:1px solid #b9d5ef!important;color:#245d85!important;border-radius:10px!important}
#msg_notice,.success-banner,.notice-banner,#notice_bar,.notice_bar{background:#edf8f2!important;border:1px solid #b8ddc9!important;color:#1d6546!important;border-radius:10px!important}
#msg_warning,.warning-banner,#warning_bar,.warning_bar{background:#fff7e8!important;border:1px solid #ead09a!important;color:#76551a!important;border-radius:10px!important}
#msg_error,.error-banner,#error_bar,.error_bar{background:#fff0f0!important;border:1px solid #e6bcbc!important;color:#913636!important;border-radius:10px!important}
#msg_info,#msg_notice,#msg_warning,#msg_error,.info-banner,.success-banner,.notice-banner,.warning-banner,.error-banner{height:auto!important;min-height:42px!important;line-height:1.45!important;margin:0 0 14px!important;padding:10px 14px 10px 42px!important;box-sizing:border-box!important;white-space:normal!important;overflow:visible!important}
body:has(#sidebar) #container>#notice_bar,body:has(#sidebar) #container>#warning_bar,body:has(#sidebar) #container>#error_bar{position:relative!important;z-index:2200!important;display:flex!important;align-items:center!important;width:calc(100% - 292px)!important;height:auto!important;min-height:44px!important;margin:10px 16px 10px 276px!important;padding:11px 16px 11px 42px!important;line-height:1.45!important;box-sizing:border-box!important;white-space:normal!important;overflow:visible!important}
body.sidebar-collapsed #container>#notice_bar,body.sidebar-collapsed #container>#warning_bar,body.sidebar-collapsed #container>#error_bar{width:calc(100% - 32px)!important;margin-left:16px!important}
body:not(:has(#sidebar)) #container>.notice_bar,body:not(:has(#sidebar)) #container>.warning_bar,body:not(:has(#sidebar)) #container>.error_bar{height:auto!important;min-height:44px!important;margin:0 0 14px!important;padding:11px 16px 11px 42px!important;line-height:1.45!important;box-sizing:border-box!important;white-space:normal!important;overflow:visible!important}

/* Queue columns return inline presentation rules from the admin settings.
   Keep the design-system borders, but never override configured cell styles. */
#ticket-table tbody td,#ticket-table tbody td>div{color:inherit}
#ticket-table th[data-id="1"],#ticket-table th[data-id="2"],#ticket-table td[data-column-id="1"],#ticket-table td[data-column-id="2"]{white-space:nowrap!important}
#ticket-table td[data-column-id="1"]>div,#ticket-table td[data-column-id="2"]>div{display:inline-flex!important;align-items:center!important;gap:5px!important;min-width:max-content!important;white-space:nowrap!important}
#ticket-table td[data-column-id="1"] a.preview{display:inline-block!important;white-space:nowrap!important;text-decoration:none!important;border-bottom:1px dotted color-mix(in srgb,var(--fl-orange) 65%,transparent)}

/* Staff shell */
#sidebar{background:var(--fl-navy)!important;border:0!important;box-shadow:8px 0 30px rgba(16,32,51,.12)!important}
#sidebar .sidebar-header{border-bottom:1px solid rgba(255,255,255,.1)!important}
#sidebar .navbar-brand,#sidebar a{color:#fff!important}
#sidebar .navbar-brand span:before{content:'FIX';color:var(--fl-orange);margin-right:2px;font-size:20px}
#sidebar .navbar-brand span{font-size:0!important}#sidebar .navbar-brand span:after{content:'-LOGIC';font-size:20px;color:#fff}
#sidebar #nav{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:58px!important;margin:0!important;padding:10px 12px!important;background:rgba(255,255,255,.035)!important;border-bottom:1px solid rgba(255,255,255,.1)!important;box-sizing:border-box!important;overflow:visible!important}
#sidebar #nav>a,#sidebar #nav>span>a{position:relative!important;display:grid!important;place-items:center!important;flex:0 0 34px!important;width:34px!important;height:34px!important;margin:0!important;padding:0!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:9px!important;background:#fff!important;color:var(--fl-navy)!important;box-sizing:border-box!important;box-shadow:0 3px 10px rgba(0,0,0,.12)!important}
#sidebar #nav a:hover{background:#fff5ef!important;border-color:var(--fl-orange)!important;color:var(--fl-orange)!important;transform:translateY(-1px)}.sidebar-nav a:hover,.sidebar-nav a.active{background:rgba(255,255,255,.09)!important;color:#fff!important}
#sidebar #nav svg{display:block!important;width:19px!important;height:19px!important;max-width:19px!important;max-height:19px!important;filter:none!important}
#sidebar #nav .badge{position:absolute!important;top:-5px!important;right:-5px!important;min-width:16px!important;height:16px!important;padding:0 4px!important;border:2px solid var(--fl-navy)!important;border-radius:999px!important;background:var(--fl-orange)!important;color:#fff!important;font-size:9px!important;line-height:12px!important;box-sizing:border-box!important}
#main-wrapper{background:var(--fl-bg)!important;padding:0 14px 24px!important;box-sizing:border-box!important;overflow-x:hidden}
#header-constrain{margin:0 -14px!important}
#header-constrain .navbar{min-height:58px!important;background:#fff!important;border:0!important;border-bottom:1px solid var(--fl-line)!important;padding:0 22px!important}
#pjax-container{min-width:0!important;max-width:100%!important}
#pjax-container>.nav{position:relative!important;z-index:200!important;margin:14px 0 0!important;padding:0 12px!important;min-height:46px!important;display:flex!important;align-items:center!important;background:#fff!important;border:1px solid var(--fl-line)!important;border-radius:14px 14px 0 0!important;overflow:visible!important;box-sizing:border-box}
#pjax-container>.nav #sub_nav{display:flex!important;align-items:center!important;gap:2px!important;min-width:max-content!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important}
#pjax-container>.nav #sub_nav>li{float:none!important;display:block!important;margin:0!important;background:transparent!important}
#pjax-container>.nav #sub_nav>li>a{display:flex!important;align-items:center!important;min-height:36px!important;padding:0 12px 0 34px!important;border:1px solid transparent!important;border-radius:9px!important;color:var(--fl-muted)!important;background-color:transparent!important;background-position:10px 50%!important;background-repeat:no-repeat!important;white-space:nowrap;font-weight:500!important}
#pjax-container>.nav #sub_nav>li>a:hover{background-color:#fff8f3!important;border-color:#f1d5c4!important;color:var(--fl-navy)!important}
#pjax-container>.nav #sub_nav>li>a.active,#pjax-container>.nav #sub_nav>li.active>a{background-color:#fff3eb!important;border-color:#efc5aa!important;color:var(--fl-navy)!important;box-shadow:inset 0 -2px 0 var(--fl-orange)!important;font-weight:600!important}
#pjax-container>.nav #sub_nav>li>a i,#pjax-container>.nav #sub_nav>li>a:before{color:var(--fl-orange)!important}
#pjax-container>.nav nav,#pjax-container>.nav #customQ_nav,#pjax-container>.nav .jb-overflowmenu{position:relative!important;z-index:210!important;overflow:visible!important}
#pjax-container>.nav .jb-overflowmenu-menu-primary{overflow:visible!important}
#pjax-container>.nav .jb-overflowmenu-menu-primary>li{position:relative!important}
.customQ-dropdown,.action-dropdown,.noclick-dropdown{z-index:3000!important}
.customQ-dropdown ul,.action-dropdown ul,.noclick-dropdown ul{background:#fff!important;border:1px solid var(--fl-line)!important;border-radius:10px!important;box-shadow:0 14px 34px rgba(16,32,51,.18)!important;padding:6px!important}
.customQ-dropdown ul li>a,.action-dropdown ul li>a,.noclick-dropdown ul li>a{padding:8px 10px!important;border-radius:7px!important;color:var(--fl-navy)!important}
.customQ-dropdown ul li:hover>a,.action-dropdown ul li>a:hover,.noclick-dropdown ul li>a:hover{background:var(--fl-surface-2)!important;color:var(--fl-orange)!important}
#content>h2:first-child,#content>.sticky.bar:first-child h2{font-size:21px!important;line-height:1.25!important;margin:0 0 20px!important;color:var(--fl-navy)!important}

/* Compact application toolbars. The legacy rules use content-box and grow these into 56px blocks. */
#content .action-button,#content a.action-button,#content span.action-button{box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:42px!important;width:auto!important;height:42px!important;min-height:42px!important;margin:0 0 0 8px!important;padding:0 12px!important;border-radius:10px!important;vertical-align:middle!important}
#content .action-button i{margin:0!important;line-height:1!important}
#content .action-button.pull-right{float:right!important}
#ticket_actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;min-height:48px!important;margin:0 0 18px!important;padding:0!important;background:transparent!important;border:0!important}
#ticket_actions .action-button{float:none!important;margin:0!important}
.sticky.bar:not(.fixed):has(>.content){margin:0 0 18px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.sticky.bar:not(.fixed)>.content{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;min-height:44px!important}
.sticky.bar:not(.fixed) .flush-right{display:flex!important;align-items:center!important;gap:8px!important;float:none!important;order:2}
.sticky.bar:not(.fixed) .flush-left{float:none!important;min-width:0!important;order:1}
.sticky.bar:not(.fixed) .action-button{float:none!important;margin:0!important;flex:0 0 auto!important}
.sticky.bar:not(.fixed) h2{margin:0!important;font-size:21px!important}
.tixTitle{margin:0 0 14px!important;padding:0 4px 12px!important;border-bottom:1px solid var(--fl-line)!important}.tixTitle h3{margin:0!important;font-size:18px!important}
#content>.row.justify-content-start{align-items:flex-start!important;margin:0!important;background:transparent!important;border-radius:0!important}
#content>.row.justify-content-start>.col-md-3{padding:0 16px 0 0!important}
#content>.row.justify-content-start>.col-md-9{padding:14px 16px!important;background:#fff!important;border:1px solid var(--fl-line)!important;border-radius:12px!important}
#content .row-group-info{margin:0 0 8px!important;padding:9px 12px!important;background:var(--fl-surface-2)!important;border-radius:9px!important}
#content .row-group-info h5{width:100%!important;margin:0!important;color:var(--fl-navy)!important;font-size:14px!important;text-align:left!important}
.client-page--tickets #content>.ticket-detail-layout{display:grid!important;grid-template-columns:minmax(310px,350px) minmax(0,1fr)!important;align-items:start!important;gap:22px!important;width:100%!important}
.client-page--tickets .ticket-detail-sidebar,.client-page--tickets .ticket-detail-main{float:none!important;width:auto!important;max-width:none!important;min-width:0!important;margin:0!important;box-sizing:border-box!important}
.client-page--tickets .ticket-detail-sidebar{display:flex!important;flex-direction:column!important;gap:14px!important;padding:0!important}
.client-page--tickets .ticket-detail-sidebar>.p-2{width:100%!important;max-width:none!important;margin:0!important;padding:16px!important;background:#fff!important;border:1px solid var(--fl-line)!important;border-radius:12px!important;box-sizing:border-box!important}
.client-page--tickets .ticket-detail-sidebar>.p-2>.row:not(.row-group-info){display:grid!important;grid-template-columns:minmax(105px,42%) minmax(0,58%)!important;gap:10px!important;width:100%!important;margin:0!important;padding:5px 0!important;align-items:start!important}
.client-page--tickets .ticket-detail-sidebar>.p-2>.row:not(.row-group-info)>[class*=col-]{float:none!important;width:auto!important;max-width:none!important;margin:0!important;padding:0!important;min-width:0!important;line-height:1.4!important;overflow-wrap:anywhere!important;word-break:normal!important}
.client-page--tickets .ticket-detail-sidebar>.p-2>.row:not(.row-group-info)>[class*=col-]:first-child{color:var(--fl-navy)!important}
.client-page--tickets .ticket-detail-sidebar .row-group-info{width:100%!important;margin:0 0 9px!important;box-sizing:border-box!important}
.client-page--tickets .ticket-detail-main{padding:20px!important}
#ticket_tabs{margin:0 0 14px!important;padding:0!important;border-bottom:1px solid var(--fl-line)!important}
#ticket_tabs>li>a{min-height:36px!important;padding:8px 13px!important;background:transparent!important;border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important}
#ticket_tabs>li.active>a{color:var(--fl-navy)!important;border-bottom-color:var(--fl-orange)!important}
#ticket_tabs_container{min-width:0!important}

/* Ticket queue: one coherent search row and one coherent title/action row. */
#basic_search{position:relative!important;z-index:90!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;min-height:58px!important;height:auto!important;margin:0 0 14px!important;padding:9px 12px!important;background:var(--fl-surface-2)!important;border:1px solid var(--fl-line)!important;border-radius:11px!important;box-shadow:none!important;box-sizing:border-box!important;overflow:visible!important}
#basic_search>form{display:flex!important;align-items:center!important;gap:8px!important;flex:1 1 auto!important;min-width:0!important;margin:0!important;order:1}
#basic_search>.pull-right{position:relative!important;z-index:100!important;display:flex!important;align-items:center!important;gap:8px!important;flex:0 0 auto!important;float:none!important;height:auto!important;margin:0!important;padding:0!important;order:2}
#basic_search .valign-helper{display:none!important}
#basic_search .attached.input{display:flex!important;align-items:stretch!important;flex:0 1 420px!important;width:min(420px,100%)!important;height:40px!important;margin:0!important;box-sizing:border-box!important}
#basic_search .attached.input>input{flex:1 1 auto!important;width:100%!important;min-width:100px!important;height:40px!important;min-height:40px!important;margin:0!important;border-radius:9px 0 0 9px!important;box-sizing:border-box!important}
#basic_search .attached.input>.attached.button{display:grid!important;place-items:center!important;flex:0 0 44px!important;width:44px!important;height:40px!important;min-height:40px!important;margin:0!important;padding:0!important;border-radius:0 9px 9px 0!important;box-sizing:border-box!important}
#basic_search>form>a,#basic_search>form>.help-tip{display:grid!important;place-items:center!important;flex:0 0 32px!important;width:32px!important;height:32px!important;margin:0!important;border-radius:8px!important;color:var(--fl-muted)!important}
#basic_search>form>a:hover{background:#fff!important;color:var(--fl-orange)!important}
#basic_search .action-button{position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:42px!important;height:40px!important;min-height:40px!important;margin:0!important;padding:0 13px!important;box-sizing:border-box!important;white-space:nowrap!important}
#basic_search .action-button .icon-caret-down{order:2!important;height:auto!important;margin:0 0 0 8px!important;padding:0 0 0 8px!important;border-left:1px solid rgba(255,255,255,.22)!important;line-height:1!important}
#basic_search .action-dropdown{top:calc(100% + 2px)!important;right:0!important;left:auto!important;margin-top:6px!important}
.ticket-queue-heading{position:relative!important;z-index:20!important;margin:0 0 16px!important;padding:0!important}
.ticket-queue-heading>.sticky.bar.opaque{margin:0!important;padding:0!important}
.ticket-queue-heading>.sticky.bar.opaque>.content{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;width:100%!important;min-height:48px!important;margin:0!important;padding:0 2px!important;box-sizing:border-box!important}
.ticket-queue-heading .flush-left{display:block!important;flex:0 1 auto!important;float:none!important;order:1!important;margin:0!important;text-align:left!important}
.ticket-queue-heading .flush-left h2{margin:0!important;text-align:left!important;font-size:20px!important;line-height:1.25!important}
.ticket-queue-heading .configureQ{position:relative!important;display:block!important;flex:0 0 auto!important;float:none!important;order:2!important;margin:0!important;padding:7px!important;border-radius:7px!important;line-height:1!important}
.ticket-queue-heading .configureQ:hover{background:var(--fl-surface-2)!important;color:var(--fl-orange)!important}
.ticket-queue-heading .flush-right{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;flex:1 0 auto!important;float:none!important;order:3!important;margin:0 0 0 auto!important;padding:0!important;text-align:right!important}
.ticket-queue-heading .flush-right .action-button{float:none!important;margin:0!important}

/* Modal windows: native SD dialog, jQuery UI, Bootstrap and Fancybox */
#overlay,.ui-widget-overlay,.modal-backdrop,.fancybox-bg{background:rgba(10,21,34,.66)!important;opacity:1!important;backdrop-filter:blur(4px)}
#overlay,.ui-widget-overlay,.modal-backdrop,.fancybox-bg{z-index:10000!important}
.dialog,.ui-dialog,.modal,.fancybox-container{z-index:10010!important}
.dialog #popup-loading,.select2-drop{z-index:10020!important}
.dialog,.ui-dialog,.modal-content,.fancybox-content{background:var(--fl-surface)!important;border:1px solid rgba(255,255,255,.55)!important;border-radius:16px!important;box-shadow:0 24px 70px rgba(5,15,26,.28)!important;color:var(--fl-text)!important;overflow:hidden}
.dialog{padding:0!important;max-width:calc(100vw - 32px)!important;max-height:calc(100vh - 32px)!important;max-height:calc(100dvh - 32px)!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-gutter:stable}.dialog>*,.dialog form{box-sizing:border-box}
.dialog h3,.ui-dialog .ui-dialog-titlebar,.modal-header,.fancybox-toolbar{margin:0!important;padding:17px 20px!important;background:var(--fl-navy)!important;background-image:none!important;border:0!important;color:#fff!important;font:600 17px Golos,Inter,sans-serif!important}
.ui-dialog .ui-dialog-title,.modal-title{color:#fff!important}
.dialog form,.ui-dialog .ui-dialog-content,.modal-body,.fancybox-content{padding:20px!important}
.dialog a.close,.ui-dialog-titlebar-close,.modal-header .close,.fancybox-close-small{opacity:1!important;background:rgba(255,255,255,.12)!important;border:0!important;border-radius:8px!important;color:#fff!important;min-width:32px!important;min-height:32px!important;box-shadow:none!important}
.dialog a.close:hover,.ui-dialog-titlebar-close:hover,.modal-header .close:hover,.fancybox-close-small:hover{background:rgba(255,255,255,.22)!important;color:#fff!important}
.ui-dialog-buttonpane,.modal-footer,.dialog .footer{padding:14px 20px!important;background:var(--fl-surface-2)!important;border-top:1px solid var(--fl-line)!important}
.dialog>h3{min-height:58px!important;display:flex!important;align-items:center!important;padding:0 64px 0 20px!important}
.dialog>a.close,.dialog>b>a.close{top:13px!important;right:14px!important;display:grid!important;place-items:center!important;padding:0!important}
.dialog>hr{display:none!important}
.dialog form{margin:0!important;padding:22px 26px 20px!important}
.dialog form table{border:0!important;background:transparent!important}
.dialog form table td{padding:0!important;background:transparent!important}
.dialog form table p{margin:0!important}
.dialog form>hr{margin:22px -26px 16px!important;border-top:1px solid var(--fl-line)!important}
.dialog form .full-width{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:0!important}
.dialog form .buttons{float:none!important;display:flex!important;gap:8px!important}
.dialog form .buttons input{margin:0!important}
.dialog input.close[type=button]{position:static!important;display:inline-flex!important;opacity:1!important;background:#fff!important;color:var(--fl-navy)!important;border:1px solid var(--fl-line)!important}
.dialog>div:not(.clear):not(#popup-loading){width:100%!important;margin:0!important;padding:20px 24px!important;box-sizing:border-box!important}
.dialog>div:not(.clear):not(#popup-loading)>form{padding:0!important}
.dialog>table,.dialog>fieldset,.dialog>p,.dialog>ul{width:calc(100% - 48px)!important;margin:20px 24px!important;box-sizing:border-box!important}

/* Ticket preview is an anchored tooltip, not a modal. It must overflow its 30px anchor box. */
.tip_box{z-index:5000!important;overflow:visible!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:var(--fl-text)!important}
.tip_box .tip_content{min-width:360px!important;max-width:min(640px,calc(100vw - 48px))!important;padding:18px!important;background:#fff!important;border:1px solid var(--fl-line)!important;border-radius:14px!important;box-shadow:0 18px 46px rgba(16,32,51,.22)!important;overflow:visible!important}
.tip_box .tip_content>div{max-width:100%!important;box-sizing:border-box!important}
.tip_box .tip_close{display:grid!important;place-items:center!important;position:absolute!important;top:10px!important;right:10px!important;width:30px!important;height:30px!important;border-radius:8px!important;background:var(--fl-surface-2)!important;color:var(--fl-navy)!important;z-index:2!important}
.ui-corner-all,.ui-corner-top,.ui-corner-bottom{border-radius:10px}
.ui-widget-header{background:var(--fl-navy)!important;border-color:var(--fl-navy)!important;color:#fff!important}
.select2-drop,.dropdown-menu{border:1px solid var(--fl-line)!important;border-radius:10px!important;box-shadow:var(--fl-shadow)!important}

/* Client footer */
.karkas-razdela{margin-top:28px!important;background:var(--fl-navy)!important;color:rgba(255,255,255,.72)!important;border-radius:16px!important;overflow:hidden}
.karkas-razdela h3,.karkas-razdela h4,.karkas-razdela a{color:#fff!important}.karkas-razdela a:hover{color:#ffad79!important}.karkas-cta,.karkas-content{border-color:rgba(255,255,255,.1)!important}.copyright-area{background:rgba(0,0,0,.12)!important}

/* FIX-LOGIC client pages: catalog, new ticket and ticket status. */
.client-page-heading{position:relative;margin:-28px -28px 26px!important;padding:44px clamp(22px,4vw,52px) 34px!important;overflow:hidden;background:linear-gradient(135deg,#f7f8f8 0%,#fff7f0 100%);border-bottom:1px solid var(--fl-line)}
.client-page-heading:after{content:'';position:absolute;width:240px;height:240px;right:-70px;top:-120px;border-radius:50%;background:rgba(232,114,44,.09);pointer-events:none}
.client-page-heading h1{position:relative;z-index:1;margin:5px 0 8px!important;font-size:clamp(27px,4vw,42px)!important;line-height:1.12!important;letter-spacing:-.035em!important;color:var(--fl-navy)!important}
.client-page-heading p{position:relative;z-index:1;max-width:700px;margin:0!important;color:var(--fl-muted);font-size:15px;line-height:1.65}
.client-page-eyebrow{position:relative;z-index:1;color:var(--fl-orange);font:700 11px Golos,Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.client-form-card{width:min(820px,100%)!important;margin:0 auto 18px!important;padding:clamp(18px,3vw,34px)!important;background:#fff!important;border:1px solid var(--fl-line)!important;border-radius:16px!important;box-shadow:0 12px 34px rgba(16,32,51,.08)!important;box-sizing:border-box!important}
.client-form-card table{width:100%!important;border:0!important;background:transparent!important}
.client-form-card td{padding:7px 8px!important;border:0!important;background:transparent!important;vertical-align:middle!important}
.client-form-card td:first-child:not([colspan]){width:31%!important;color:var(--fl-navy);font-weight:600}
.client-form-card hr{margin:16px 0!important;border-color:var(--fl-line)!important}
.client-form-card .form-header{margin:0!important;padding:11px 13px!important;background:var(--fl-surface-2)!important;border-radius:9px!important;color:var(--fl-navy)}
.client-form-card input[type=text],.client-form-card input[type=email],.client-form-card input[type=tel],.client-form-card select,.client-form-card textarea{float:none!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}
.client-form-card .buttons{display:flex!important;justify-content:flex-end!important;gap:9px!important;flex-wrap:wrap!important;margin:20px 0 0!important;padding-top:18px!important;border-top:1px solid var(--fl-line)!important}

.client-status-card{display:block!important;max-width:720px!important;height:auto!important;overflow:visible!important}
.client-status-card .row-login{display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(220px,.65fr);gap:24px;width:100%!important;height:auto!important;margin:0!important;padding:0!important;float:none!important;clear:both!important;overflow:visible!important;background:none!important;text-align:left!important;box-sizing:border-box!important}
.client-status-card .login-box{display:flex!important;flex-direction:column;gap:13px;width:auto!important;max-width:none!important;height:auto!important;margin:0!important;float:none!important;clear:none!important;padding:0!important;overflow:visible!important;box-shadow:none!important;box-sizing:border-box!important;text-align:left!important}
.client-status-card .login-box+ .login-box{justify-content:center;padding:22px!important;background:var(--fl-surface-2)!important;border-radius:12px!important;color:var(--fl-muted)}
.client-status-card .login-box>div{display:grid!important;grid-template-columns:130px minmax(0,1fr);align-items:center;gap:12px;width:100%!important;margin:0!important;float:none!important;clear:none!important;padding:0!important;overflow:visible!important;box-sizing:border-box!important}
.client-status-card label{float:none!important;width:auto!important;margin:0!important;color:var(--fl-navy);font-weight:600}
.client-status-card input[type=text]{float:none!important;width:100%!important;margin:0!important}
.client-status-card p{clear:none!important;margin:4px 0 0!important;text-align:right!important}
.client-status-card .client-status-card__help{display:block!important;clear:both!important;margin:24px 0 0!important;padding:18px 0 0!important;border-top:1px solid var(--fl-line)!important;color:var(--fl-muted)!important;text-align:left!important;line-height:1.55!important}
.client-status-card .client-status-card__help a{color:var(--fl-orange)!important;font-weight:600!important}

.client-catalog.container{width:100%!important;max-width:none!important;padding:0!important}
.client-catalog>.row{display:grid!important;grid-template-columns:minmax(210px,260px) minmax(0,1fr);gap:24px;margin:0!important}
.client-catalog__sidebar,.client-catalog__products{float:none!important;width:auto!important;max-width:none!important;padding:0!important}
.client-catalog__sidebar h2{margin:0 0 12px!important;font-size:18px!important;color:var(--fl-navy)!important}
.client-catalog .list-group{overflow:hidden;border:1px solid var(--fl-line);border-radius:12px;background:#fff}
.client-catalog .list-group-item{display:block;margin:0!important;padding:12px 14px!important;border:0!important;border-bottom:1px solid var(--fl-line)!important;background:#fff!important;color:var(--fl-navy)!important;font-weight:500}
.client-catalog .list-group-item:last-child{border-bottom:0!important}.client-catalog .list-group-item:hover{padding-left:18px!important;background:#fff7f1!important;color:var(--fl-orange)!important}
.client-catalog .smalcart{margin-top:14px!important;padding:14px!important;min-height:66px;background:var(--fl-navy)!important;border:0!important;border-radius:12px!important;color:#fff!important;box-sizing:border-box!important}
.client-catalog .smalcart a{color:#fff!important}.client-catalog .smalcart a:hover{color:#ffad79!important}.client-catalog .smalcart>div{float:none!important;text-align:left}
.client-catalog #menu{margin:0 0 18px!important;padding:0!important;background:transparent!important}
.client-catalog #menu .container{width:100%!important;padding:0!important}.client-catalog #menu .menu-flex{padding:13px 16px!important;background:#fff7e8!important;border:1px solid #ead09a!important;border-radius:11px!important;color:#76551a!important;font-size:13px!important;line-height:1.5!important}
.client-catalog__products>.row:last-child{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0!important}
.client-catalog .col-cat-4{float:none!important;width:auto!important;max-width:none!important;padding:0!important}
.client-catalog .product{height:100%!important;margin:0!important;padding:18px!important;background:#fff!important;border:1px solid var(--fl-line)!important;border-radius:14px!important;box-shadow:0 6px 20px rgba(16,32,51,.06)!important;box-sizing:border-box!important}
.client-catalog .product-img{display:grid!important;place-items:center;min-height:170px;padding:10px;background:var(--fl-surface-2)!important;border-radius:10px!important}
.client-catalog .product-img img{display:block;max-width:100%!important;max-height:190px!important;object-fit:contain}
.client-catalog .product-title{min-height:46px;margin:14px 0 6px!important;font:600 16px/1.4 Golos,Inter,sans-serif!important}.client-catalog .product-title a{color:var(--fl-navy)!important}
.client-catalog .product-price{margin:0 0 14px!important;color:var(--fl-muted)!important;font-weight:600!important}
.client-catalog .btn-buy{display:block!important;cursor:pointer!important}.client-catalog .product-bot{margin:0!important;padding:10px 15px!important;border-radius:9px!important;background:var(--fl-orange)!important;color:#fff!important;text-align:center!important;font-weight:700!important}
.client-catalog--item .client-catalog__products{padding:22px!important;background:#fff!important;border:1px solid var(--fl-line)!important;border-radius:14px!important}

.client-page--tickets #ticketTable{display:table;width:100%!important;border:1px solid var(--fl-line)!important;border-radius:12px!important;border-collapse:separate!important;border-spacing:0!important;overflow:hidden;background:#fff!important}
.client-page--tickets #ticketTable caption{padding:12px 14px!important;background:var(--fl-navy)!important;border:0!important;color:#fff!important;font-weight:600!important}
.client-page--tickets #ticketTable th{width:auto!important;height:auto!important;padding:11px 10px!important;background:var(--fl-surface-2)!important;border:0!important;border-bottom:1px solid var(--fl-line)!important;line-height:1.35!important}
.client-page--tickets #ticketTable td{padding:11px 10px!important;border:0!important;border-bottom:1px solid #e8ecef!important;background:transparent!important;vertical-align:middle!important}
.client-page--tickets #ticketTable tbody tr:hover{background:#fff8f3!important}
.client-page--tickets .search.well{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px;margin:0 0 18px!important;padding:14px!important;background:var(--fl-surface-2)!important;border:1px solid var(--fl-line)!important;border-radius:12px!important}
.client-page--tickets #ticketSearchForm{display:flex!important;align-items:center!important;gap:9px!important;float:none!important;width:100%!important;padding:0!important}.client-page--tickets #ticketSearchForm>.pull-right{display:flex!important;align-items:center!important;gap:8px!important;float:none!important;margin-left:auto!important}

@media(max-width:960px){.header-head{align-items:flex-start!important;flex-wrap:wrap!important;height:auto!important;padding-block:14px!important}.header-right{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));width:100%!important;padding-top:12px!important}.header-right a{display:flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;text-align:center!important;white-space:normal!important}.client-catalog>.row{grid-template-columns:220px minmax(0,1fr)}.client-catalog__products>.row:last-child{grid-template-columns:1fr}.client-page--tickets #ticketTable{display:block!important;overflow-x:auto!important;white-space:nowrap}.client-page--tickets #content>.ticket-detail-layout{grid-template-columns:1fr!important}.client-page--tickets .ticket-detail-sidebar{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.client-page--tickets .ticket-detail-main{grid-column:1!important}}
@media(max-width:700px){.client-page-heading{margin:-16px -16px 20px!important;padding:32px 18px 26px!important}.client-form-card{padding:18px!important}.client-form-card tr{display:grid!important;grid-template-columns:1fr!important}.client-form-card td,.client-form-card td:first-child:not([colspan]){display:block!important;width:100%!important;padding:5px 0!important}.client-form-card .buttons{justify-content:stretch!important}.client-form-card .buttons input{flex:1 1 100%!important}.client-status-card .row-login{grid-template-columns:1fr}.client-status-card .login-box>div{grid-template-columns:1fr;gap:5px}.client-catalog>.row{grid-template-columns:1fr}.client-catalog__sidebar{order:1}.client-catalog__products{order:2}.client-page--tickets .search.well,.client-page--tickets #ticketSearchForm{align-items:stretch!important;flex-direction:column!important}.client-page--tickets #ticketSearchForm>.pull-right{width:100%!important;margin:0!important;flex-direction:column!important;align-items:stretch!important}.client-page--tickets .ticket-detail-sidebar{grid-template-columns:1fr!important}.client-page--tickets .ticket-detail-sidebar>.p-2>.row:not(.row-group-info){grid-template-columns:minmax(100px,40%) minmax(0,60%)!important}}

@media(max-width:992px){#main-wrapper{padding-inline:10px!important}#header-constrain{margin-inline:-10px!important}body:has(#sidebar) #container>#notice_bar,body:has(#sidebar) #container>#warning_bar,body:has(#sidebar) #container>#error_bar{width:calc(100% - 20px)!important;margin:10px!important}}
@media(max-width:860px){#pjax-container>.nav{align-items:flex-start!important;padding:7px!important}#pjax-container>.nav #sub_nav{flex-wrap:wrap!important;min-width:0!important}.ticket-queue-search{align-items:stretch!important;flex-direction:column!important}.ticket-queue-search>form{width:100%!important}.ticket-queue-search .attached.input{flex:1 1 auto!important;max-width:none!important}.ticket-queue-search>.pull-right{align-self:flex-end!important}.ticket-queue-heading>.sticky.bar.opaque>.content{align-items:flex-start!important;flex-wrap:wrap!important}.ticket-queue-heading .flush-left{flex:1 1 calc(100% - 48px)!important}.ticket-queue-heading .flush-right{flex:1 1 100%!important;justify-content:flex-start!important;margin:6px 0 0!important}}
@media(max-width:760px){body:not(:has(#sidebar)) #container{width:calc(100% - 20px)!important;margin:10px auto!important}.header-head{align-items:flex-start!important;flex-direction:column!important;padding:16px!important}.header-right{width:100%;overflow-x:auto;padding-top:12px}.logo-brand{white-space:normal}.search-form form{flex-direction:column}#content{padding:16px!important}.dialog{top:12px!important;left:12px!important;transform:none!important;width:calc(100vw - 24px)!important;min-width:0!important;max-width:calc(100vw - 24px)!important;max-height:calc(100vh - 24px)!important;max-height:calc(100dvh - 24px)!important;margin:0!important}.ui-dialog{width:calc(100vw - 24px)!important;min-width:0!important;max-width:calc(100vw - 24px)!important}.modal-dialog{width:auto!important;min-width:0!important;max-width:calc(100vw - 24px)!important;margin:12px auto!important}.dialog form .full-width{align-items:stretch!important;flex-direction:column-reverse!important}.dialog form .buttons{width:100%!important}.dialog form .buttons input{flex:1!important}.table-wrap,table.list,table.list2{display:block;max-width:100%;overflow-x:auto}}

@media(max-width:520px){.header-right{grid-template-columns:repeat(2,minmax(0,1fr))!important;overflow:visible!important}.header-right a{padding:9px 7px!important;font-size:12px!important}.logo-brand{align-items:flex-start!important}.logo-brand span{font-size:18px!important}}

@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}