/* Caliber client workspace: shared native widgets, including AJAX-loaded content. */
body.cn-client-ui{color:#eeeef1;background:#09090b}
.cn-client-ui>.container-md{min-width:0}
.cn-client-ui .container-md>.row>*,.cn-client-ui .right_content,.cn-client-ui #my-info{min-width:0}
.cn-client-ui .card,.cn-client-ui .panel{background:#121215!important;border:1px solid #2c2c32!important;border-radius:12px!important;box-shadow:none!important;margin-bottom:24px;color:#e9e9ee}
.cn-client-ui .card-header,.cn-client-ui .panel-heading{background:transparent!important;border-bottom:1px solid #29292f!important;color:#f4f4f5!important;padding:20px 24px;font-size:17px;font-weight:600}
.cn-client-ui .card-body,.cn-client-ui .panel-body{padding:24px}
.cn-client-ui .card-footer,.cn-client-ui .panel-footer,.cn-client-ui .list-group-item{background:#121215!important;border-color:#29292f!important;color:#cccbd2}
.cn-client-ui .card-footer{padding:16px 24px}
.cn-client-ui .text-muted,.cn-client-ui .text-secondary{color:#aaaab5!important}
.cn-client-ui .alert-info{background:#19191e!important;color:#c9c9d2!important;border:1px solid #303038!important;border-radius:8px;padding:18px 20px;line-height:1.6}
.cn-client-ui .alert-success{background:#10251e!important;color:#9de0bf!important;border-color:#28543f!important}
.cn-client-ui .alert-warning{background:#2b2115!important;color:#f1c58d!important;border-color:#63472a!important}
.cn-client-ui .alert-danger{background:#30191d!important;color:#ffb3bc!important;border-color:#67313c!important}
.cn-client-ui .table,.cn-client-ui .table thead,.cn-client-ui .table tbody,.cn-client-ui .table tr,.cn-client-ui .table td,.cn-client-ui .table th{background:#121215!important;color:#e3e3e9!important;border-color:#2c2c33!important;box-shadow:none!important}
.cn-client-ui .table thead th,.cn-client-ui .table thead td{background:#19191f!important;color:#bcbcc7!important;font-size:12px;font-weight:600;white-space:nowrap}
.cn-client-ui .table td,.cn-client-ui .table th{padding:16px!important;vertical-align:middle;border-left:0!important;border-right:0!important}
.cn-client-ui .table tbody tr:hover>td{background:#1c1c22!important}
.cn-client-ui .table a{color:#ffb374!important}
.cn-client-ui .table-responsive{border:1px solid #29292f;border-radius:8px;max-width:100%;overflow-x:auto}
.cn-client-ui .btn-light,.cn-client-ui .btn-default,.cn-client-ui .btn-secondary{background:#202026!important;color:#e6e6ed!important;border:1px solid #393940!important;border-radius:7px;box-shadow:none}
.cn-client-ui .btn-light:hover,.cn-client-ui .btn-default:hover{background:#2d2d34!important;border-color:#77717a!important}
.cn-client-ui .btn-primary,.cn-client-ui .btn-success{background:#ff9137!important;color:#241508!important;border-color:#ff9137!important;border-radius:7px}
.cn-client-ui .btn-danger{background:#30191d!important;color:#ffb3bc!important;border-color:#67313c!important}
.cn-client-ui .btn{min-height:38px;padding:9px 14px;font-size:13px}
.cn-client-ui .card-nav{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:20px}
.cn-client-ui .card-nav>.float-left,.cn-client-ui .card-nav>.float-right{float:none!important}
.cn-client-ui .card-nav .clearfix{display:none}
.cn-client-ui .card-links{display:flex;gap:6px;flex-wrap:wrap;margin:0;padding:0;list-style:none}
.cn-client-ui .card-links li{padding:0!important;border:0!important;margin:0!important;color:#aaa}
.cn-client-ui .card-links li:before,.cn-client-ui .card-links li:after{content:none!important}
.cn-client-ui .card-links a{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;color:#bcbcc7!important;font-size:12px;border-radius:6px}
.cn-client-ui .card-links .active a{background:#ff913714;color:#ffb374!important}
.cn-client-ui .badge{background:#303037!important;color:#dddde6!important;padding:3px 6px;border-radius:5px}
.cn-client-ui .cards{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(115px,1fr));gap:14px;margin:0 0 24px!important}
.cn-client-ui .cards>div{padding:0!important;max-width:none!important;width:auto!important;flex:none!important}
.cn-client-ui .cards .card{margin:0!important;height:100%;background:#151518!important;border-color:#303036!important;text-align:left!important}
.cn-client-ui .cards .card-content{padding:20px!important}
.cn-client-ui .card-value{color:#ffad68!important;font-size:30px!important;font-weight:600;line-height:1.3}
.cn-client-ui .card-label{color:#bcbcc7!important;font-size:13px!important;margin-top:8px}
.cn-client-ui .form-control,.cn-client-ui .custom-select{background:#0d0d10!important;color:#eeeeF3!important;border:1px solid #37373f!important;border-radius:7px;box-shadow:none;min-height:42px}
.cn-client-ui select.form-control{padding-top:0;padding-bottom:0}
.cn-client-ui label{color:#cccbd4}
.cn-client-ui .form-control:focus{border-color:#ff9137!important;box-shadow:0 0 0 3px #ff913718!important}
.cn-client-ui .well,.cn-client-ui .list-group-item,.cn-client-ui #my-info .balance{background:#151518!important;color:#c8c8d2!important;border-color:#303038!important}
.cn-client-ui #my-info address{overflow-wrap:anywhere;line-height:1.8}
.cn-client-ui a:focus-visible,.cn-client-ui button:focus-visible{outline:2px solid #ffad68;outline-offset:3px}
body.cn-billing .header .badge-info{background:#211b16!important;border:0;border-bottom:1px solid #493321;border-radius:0;color:#e7c5a9!important;font-size:12px;padding:10px 20px}
body.cn-billing .header .badge-info a{color:#e7c5a9!important}
.cn-client-ui .nav-content{background:#111114;border-bottom:1px solid #2b2b31}
.cn-client-ui .nav-content .nav-link{font-size:13px;color:#c5c5cf!important;padding:13px 12px!important}
.cn-client-ui .nav-content .active>.nav-link{background:#ff913712;color:#ffb374!important;border-radius:6px}
.cn-client-ui .nav-content .dropdown-menu{background:#1a1a20;border:1px solid #36363f;border-radius:8px;padding:6px;box-shadow:0 16px 40px #0006}
.cn-client-ui .nav-content .dropdown-item{color:#dddde6;padding:10px 14px;border-radius:5px}
.cn-client-ui .nav-content .dropdown-item:hover{background:#2a2522;color:#ffb374}
@media(max-width:991px){
 .cn-client-ui .nav-content .navbar{display:flex!important;flex-wrap:wrap!important;padding:10px 20px!important}
 .cn-client-ui .nav-content .navbar-toggler{display:flex!important;align-items:center;gap:10px;color:#ddd;border:1px solid #36363e;border-radius:7px;font-size:13px;padding:9px 12px}
 .cn-client-ui .nav-content .navbar-toggler:after{content:'Account menu'}
 .cn-client-ui .nav-content #main-navbar{flex-basis:100%;width:100%}
 .cn-client-ui .nav-content #main-navbar:not(.show){display:none!important}
 .cn-client-ui .nav-content #main-navbar.show{display:block!important}
 .cn-client-ui .nav-content #main-navbar>.container-md{display:flex!important;flex-direction:column!important;align-items:stretch!important;padding:12px 0 0!important}
 .cn-client-ui .nav-content .navbar-nav{display:flex!important;flex-direction:column!important;flex-wrap:wrap!important;width:100%;margin:0!important}
 .cn-client-ui .nav-content .navbar-nav .dropdown-menu{position:static;float:none;box-shadow:none}
 .cn-client-ui .nav-content .navbar-nav .nav-item{width:100%}
}
@media(max-width:767px){
 body.cn-client-ui>.container-md{padding-left:18px;padding-right:18px}
 .cn-client-ui .cn-client-heading{padding:26px 0}.cn-client-ui .cn-client-heading h1{font-size:30px}
 .cn-client-ui .cn-client-layout{display:flex;flex-direction:column}.cn-client-ui .right_content{order:-1;padding:0;width:100%;max-width:100%}.cn-client-ui #my-info{padding:0;width:100%;max-width:100%}
 .cn-client-ui .card-body,.cn-client-ui .panel-body{padding:18px}.cn-client-ui .card-header{padding:18px;font-size:16px}
 .cn-client-ui .cards{grid-template-columns:repeat(2,minmax(0,1fr))}.cn-client-ui .cards .card-content{padding:18px!important}
 .cn-client-ui .card-nav{align-items:flex-start}.cn-client-ui .card-links{gap:2px}.cn-client-ui .card-links a{padding:8px 7px}
 .cn-client-ui .form-control{font-size:16px}
 .cn-client-ui .cn-mobile-records thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .cn-client-ui .cn-mobile-records,.cn-client-ui .cn-mobile-records tbody{display:block;width:100%}
 .cn-client-ui .cn-mobile-records>tbody>tr:not(.expand_details){display:block;border-bottom:1px solid #35353d;padding:12px 0}
 .cn-client-ui .cn-mobile-records>tbody>tr:not(.expand_details)>td{display:flex;justify-content:space-between;gap:14px;padding:8px 14px!important;border:0!important;white-space:normal!important;overflow-wrap:anywhere;text-align:right}
 .cn-client-ui .cn-mobile-records>tbody>tr:not(.expand_details)>td:before{content:attr(data-cn-label);color:#aaaab8;font-size:12px;text-align:left;flex-shrink:0}
 .cn-client-ui .cn-mobile-records>tbody>tr:not(.expand_details)>td:first-child{font-weight:600;color:#f5f5f7!important}
}
@media(max-width:767px){.cn-client-ui .cards>div:last-child:nth-child(odd){grid-column:1/-1}}

body.cn-client-ui .list-options .list-group-item,body.cn-client-ui .list-options .list-group-item-text,body.cn-client-ui .amounts .currency_value{color:#c8c8d2!important}body.cn-client-ui .list-options i{color:#ffb374!important}
.cn-billing .cn-portal-access{display:flex;justify-content:space-between;align-items:center;gap:22px;margin:24px 0 0;padding:22px 24px;border:1px solid #ff913738;border-radius:12px;background:linear-gradient(110deg,#201910,#121215 65%)}.cn-portal-access strong{font-size:16px;color:#f1f1f4}.cn-portal-access strong i{color:#ffad68;margin-right:9px}.cn-portal-access p{font-size:13px;color:#bcbcc7;margin:6px 0 0}.cn-portal-access a{white-space:nowrap}.cn-portal-access a i{margin-left:12px}.cn-service-access{padding:18px;border:1px solid #ff913730;border-radius:9px;background:#191613;text-align:left}.cn-service-access p{color:#bcbcc7;font-size:13px;margin:0 0 16px}.cn-service-access .btn{white-space:normal}@media(max-width:767px){.cn-billing .cn-portal-access{align-items:stretch;flex-direction:column;padding:20px;gap:18px}.cn-portal-access a{width:100%;white-space:normal;text-align:center}.cn-service-access .btn{width:100%}}

/* Native service details: calm surfaces, useful facts and a visible management action. */
body.cn-client-ui .list-group-item.active,body.cn-client-ui .list-group-item.active:hover{background:#241c15!important;border-color:#6a4528!important;color:#ffb374!important}
body.cn-client-ui .list-group-item.active *{color:inherit!important}
.cn-client-ui #client_services_manage .card-body{padding:24px}
.cn-client-ui #client_services_manage .cn-service-access{margin-bottom:24px}
.cn-client-ui .cn-service-summary{padding:0;margin:0 0 20px}
.cn-client-ui .cn-service-state{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:0 0 20px;color:#a9a9b5;font-size:13px}
.cn-client-ui .cn-status{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;background:#28232a;color:#ded5e0;border-radius:20px;font-size:12px;font-weight:600}
.cn-client-ui .cn-status-active{background:#173028;color:#7fdfb5}.cn-client-ui .cn-status-suspended,.cn-client-ui .cn-status-pending{background:#342818;color:#f1bd7b}.cn-client-ui .cn-status-canceled{background:#342126;color:#f0a4ae}
.cn-client-ui .cn-service-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}
.cn-client-ui .cn-service-facts>div{min-width:0;padding:16px;background:#19191e;border:1px solid #27272e;border-radius:9px}
.cn-client-ui .cn-service-facts dt{font-size:12px;font-weight:400;color:#a9a9b5;display:flex;align-items:center;gap:8px;margin-bottom:9px}
.cn-client-ui .cn-service-facts dt i{color:#bd906d;font-size:12px}
.cn-client-ui .cn-service-facts dd{font-size:16px;line-height:1.4;color:#efeff3;margin:0;overflow-wrap:anywhere}
@media(max-width:767px){.cn-client-ui #client_services_manage .card-body{padding:18px}.cn-client-ui .cn-service-facts{gap:10px}.cn-client-ui .cn-service-facts>div{padding:14px 12px}.cn-client-ui .cn-service-facts dd{font-size:15px}.cn-client-ui .list-group{margin-bottom:20px}}
@media(max-width:350px){.cn-client-ui .cn-service-facts{grid-template-columns:1fr}}
.cn-client-ui #client_services_manage h4{border-color:#2b2b33!important;font-size:15px}.cn-client-ui #client_services_manage hr{border-color:#2b2b33!important}
.cn-client-ui .cn-service-facts>div:last-child:nth-child(odd){grid-column:1/-1}
.cn-account-shortcuts{display:none}
@media(min-width:992px){.cn-client-ui .nav-content #main-navbar>.container-md{flex-wrap:wrap;gap:4px}.cn-client-ui .nav-content .navbar-nav{flex-wrap:wrap}.cn-client-ui .nav-content .nav-link{padding:12px 10px!important}}
@media(max-width:991px){.cn-client-ui .cn-account-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;gap:6px;margin:0 0 12px}.cn-account-shortcuts a{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 4px;border:1px solid #303038;border-radius:8px;background:#18181d;color:#dddde6;font-size:12px}.cn-account-shortcuts i{color:#ffad68;font-size:16px}.cn-account-shortcuts a:hover{background:#282019;color:#ffb374}.cn-client-ui .nav-content .navbar-toggler:after{content:'More & account'}}
/* Compact primary tabs; secondary destinations stay in More & account. */
@media(max-width:991px){
 .cn-client-ui .nav-content .navbar{padding:0 18px 12px!important}
 .cn-client-ui .cn-account-shortcuts{gap:0;margin:0 0 10px;border-bottom:1px solid #2c2c33}
 .cn-client-ui .cn-account-shortcuts a{border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:#a9a9b5;padding:16px 2px 12px;gap:7px;font-size:12px;line-height:1.4}
 .cn-client-ui .cn-account-shortcuts a i{font-size:15px;color:inherit}
 .cn-client-ui .cn-account-shortcuts a[aria-current=page]{color:#ffad68;border-bottom-color:#ff9137;background:linear-gradient(0deg,#ff91370b,transparent)}
 .cn-client-ui .nav-content #main-navbar .cn-mobile-duplicate{display:none!important}
 .cn-client-ui .nav-content .navbar-toggler{margin-left:auto;border:0;font-size:12px;padding:6px 2px}
 .cn-client-ui .nav-content .navbar-toggler-icon{width:18px;height:18px}
 .cn-client-ui .nav-content #main-navbar.show{border-top:1px solid #2b2b33;margin-top:8px}
}

@media(min-width:992px){.cn-client-ui .nav-content #main-navbar>.container-md{align-items:center!important;justify-content:space-between;gap:8px 24px;padding-top:8px;padding-bottom:8px}.cn-client-ui .nav-content .navbar-nav{align-items:center;gap:4px}.cn-client-ui .nav-content .navbar-nav:last-child{margin-left:auto}.cn-client-ui .nav-content .nav-link{font-size:14px;line-height:1.4;padding:11px 12px!important;white-space:nowrap;border-radius:7px}.cn-client-ui .nav-content .nav-item.active>.nav-link{background:#261d15;color:#ffb374}}
/* Consistent interactive surfaces, including Support Manager's late-loaded styles. */
body.cn-billing a.list-group-item,body.cn-billing .list-group-item-action{background:#17171c!important;border:1px solid #303038!important;color:#d0d0da!important;box-shadow:none!important;transition:background-color .15s,border-color .15s}
body.cn-billing a.list-group-item h4,body.cn-billing .list-group-item-action h4{color:#f3f3f6!important;font-size:18px;line-height:1.4;margin-bottom:10px}
body.cn-billing a.list-group-item p{color:#b8b8c4!important;line-height:1.65;margin-bottom:0}
body.cn-billing a.list-group-item:hover,body.cn-billing a.list-group-item:focus,body.cn-billing .list-group-item-action:hover,body.cn-billing .list-group-item-action:focus{background:#241d18!important;border-color:#795235!important;color:#f2e5dc!important;text-decoration:none}
body.cn-billing a.list-group-item:hover h4,body.cn-billing a.list-group-item:focus h4{color:#ffb374!important}
body.cn-billing a.list-group-item:focus-visible{outline:2px solid #ffad68!important;outline-offset:3px}
body.cn-billing #client_tickets .list-group-item{padding:24px!important;border-radius:10px!important}
body.cn-client-ui .dropdown-item:hover,body.cn-client-ui .dropdown-item:focus,body.cn-client-ui .dropdown-item.active{background:#292119!important;color:#ffb374!important}
body.cn-client-ui .page-link{background:#19191f!important;color:#d5d5df!important;border-color:#35353f!important}
body.cn-client-ui .page-link:hover,body.cn-client-ui .page-item.active .page-link{background:#302217!important;color:#ffb374!important;border-color:#795235!important}
body.cn-billing #client_tickets .ticket-reply .top-bar,body.cn-billing #client_tickets div.topbar{background:#202027!important;color:#d5d5df!important}
body.cn-billing #client_tickets .ticket-reply .top-bar.staff-reply,body.cn-billing #client_tickets div.topbar.staff{background:#282018!important;color:#edcfb7!important}
body.cn-billing #client_tickets div.log{background:#1b1b22!important;border-color:#35353f!important;color:#c9c9d5!important}
body.cn-billing #client_tickets div.log p{color:inherit!important;text-shadow:none!important}
/* Ticket composer: Dropzone styles the form itself; Toast UI owns its own surfaces. */
body.cn-billing form.dropzone{background:transparent!important;border:0!important;color:#d6d6df!important;padding:0!important}
body.cn-billing form.dropzone label{color:#d6d6df!important;font-weight:500;margin-bottom:9px}
body.cn-billing .dz-message{background:#19191f!important;color:#bdbdca!important;border:1px dashed #575762!important;border-radius:9px;padding:24px!important;line-height:1.6}
body.cn-billing .dz-message:hover{background:#241d18!important;border-color:#ad784e!important;color:#ffbf8a!important}
body.cn-billing .dropzone .dz-preview,body.cn-billing .dropzone .dz-preview .dz-details{background:#202027!important;color:#e3e3eb!important;border-radius:8px}
body.cn-billing .toastui-editor-defaultUI{border:1px solid #3b3b45!important;border-radius:9px;overflow:hidden;color:#e5e5ed!important}
body.cn-billing .toastui-editor-main,body.cn-billing .toastui-editor-main-container,body.cn-billing .toastui-editor-md-container,body.cn-billing .toastui-editor-ww-container,body.cn-billing .toastui-editor-md-preview{background:#111115!important;color:#e5e5ed!important}
body.cn-billing .toastui-editor-toolbar,body.cn-billing .toastui-editor-defaultUI-toolbar,body.cn-billing .toastui-editor-mode-switch,body.cn-billing .toastui-editor-md-tab-container{background:#202027!important;border-color:#3b3b45!important}
body.cn-billing .toastui-editor-contents,body.cn-billing .toastui-editor-contents p,body.cn-billing .toastui-editor-contents li,body.cn-billing .toastui-editor-contents h1,body.cn-billing .toastui-editor-contents h2,body.cn-billing .toastui-editor-contents h3,body.cn-billing .toastui-editor .ProseMirror{color:#e5e5ed!important;caret-color:#ffad68}
body.cn-billing .toastui-editor-contents a{color:#ffb374!important}
body.cn-billing .toastui-editor-contents code,body.cn-billing .toastui-editor-contents pre{background:#25252d!important;color:#edcfb7!important}
body.cn-billing .toastui-editor-toolbar-icons{filter:invert(.85);border-color:transparent!important}
body.cn-billing .toastui-editor-toolbar button:hover{background-color:#3c3c45!important}
body.cn-billing .toastui-editor-toolbar button.fas{color:#d5d5df!important}
body.cn-billing .toastui-editor-toolbar-divider,body.cn-billing .toastui-editor-md-splitter{background:#3b3b45!important}
body.cn-billing .toastui-editor-mode-switch .tab-item,body.cn-billing .toastui-editor-tabs .tab-item{background:#202027!important;color:#bcbcc8!important;border-color:#3b3b45!important}
body.cn-billing .toastui-editor-mode-switch .tab-item.active,body.cn-billing .toastui-editor-tabs .tab-item.active{background:#302217!important;color:#ffb374!important}
body.cn-billing .toastui-editor-popup,body.cn-billing .toastui-editor-dropdown-toolbar,body.cn-billing .toastui-editor-context-menu{background:#222229!important;color:#e5e5ed!important;border-color:#484852!important}
body.cn-billing .toastui-editor-popup label,body.cn-billing .toastui-editor-popup li,body.cn-billing .toastui-editor-popup button{color:#dedee8!important}
body.cn-billing .toastui-editor-popup input{background:#111115!important;border-color:#484852!important;color:#e5e5ed!important}
body.cn-billing .toastui-editor-popup button{background:#393039!important}
body.cn-billing .toastui-editor-popup-body ul li:hover{background:#302217!important}
body.cn-billing .toastui-editor-defaultUI:focus-within{border-color:#b67c4d!important}
/* Dashboard account controls have ID-scoped native hover rules. */
body.cn-billing #my-info .list-group a.list-group-item,body.cn-billing #my-info .amounts a.list-group-item{background:#19191f!important;color:#d6d6e0!important;border-color:#35353f!important}
body.cn-billing #my-info .list-group a.list-group-item:hover,body.cn-billing #my-info .list-group a.list-group-item:focus,body.cn-billing #my-info .amounts a.list-group-item:hover,body.cn-billing #my-info .amounts a.list-group-item:focus{background:#241d18!important;color:#ffbf8a!important;border-color:#795235!important}
body.cn-billing #my-info .list-group a.list-group-item:hover p,body.cn-billing #my-info .list-group a.list-group-item:focus p{color:#ead6c7!important}
body.cn-billing #my-info a.list-group-item:focus-visible{outline:2px solid #ffad68!important;outline-offset:3px}