/* YuSite Client Surface System: shared style layer for every legacy HopeBilling view. */
:root{--ys-bg:#07090b;--ys-surface:#0e1317;--ys-surface-raised:#141c21;--ys-surface-hover:#19242a;--ys-line:#2a373e;--ys-line-soft:#202a30;--ys-text:#f1f5f6;--ys-muted:#a9b5bc;--ys-faint:#74838d;--ys-brand:#f22f4d;--ys-brand-deep:#c91835;--ys-success:#36c98a;--ys-warning:#f3ae43;--ys-danger:#ff6075;--ys-radius:16px}
.ys-shell{letter-spacing:-.01em}.ys-shell .ajax-block{min-width:0}.ys-shell .ajax-block>h1,.ys-shell .ajax-block>h2,.ys-shell .ajax-block>h3:first-child{margin:0 0 20px;font-size:26px;line-height:1.2}.ys-shell .ajax-block>h4{margin:18px 0 12px;font-size:18px}.ys-shell p{line-height:1.6}.ys-shell .text-info{color:#8ed4ff}.ys-shell .text-success{color:#73e4ab}.ys-shell .text-danger{color:#ff8d9d}.ys-shell .text-warning{color:#ffd17d}

/* Working pages, tables and filters */
.ys-shell .table-responsive{border:0}.ys-shell .table{margin-bottom:22px;border:1px solid var(--ys-line);border-radius:14px;border-collapse:separate;border-spacing:0;overflow:hidden}.ys-shell .table>caption{padding:14px 18px;color:var(--ys-text);font-family:'Space Grotesk',sans-serif;font-size:17px;text-align:left}.ys-shell .table>thead>tr>th{height:49px;padding:12px 14px;vertical-align:middle;border-bottom:1px solid var(--ys-line)!important;white-space:nowrap}.ys-shell .table>tbody>tr>td,.ys-shell .table>tbody>tr>th{padding:14px;line-height:1.45;border-top:1px solid var(--ys-line-soft);border-right:0;border-left:0}.ys-shell .table>tbody>tr:first-child>td,.ys-shell .table>tbody>tr:first-child>th{border-top:0}.ys-shell .table-bordered>tbody>tr>td,.ys-shell .table-bordered>tbody>tr>th,.ys-shell .table-bordered>thead>tr>th{border-right:0;border-left:0}.ys-shell .table input.filter,.ys-shell .table thead input,.ys-shell .table thead select{display:block;width:100%;height:34px;margin-top:8px;padding:5px 8px;background:#0b1013;border:1px solid #38464e;border-radius:7px;color:#fff;font-size:12px;font-weight:500;text-transform:none;letter-spacing:normal}.ys-shell .table .sorting{display:inline-flex;gap:5px;margin-left:6px}.ys-shell .table .sorting a{color:#95a3ac}.ys-shell .table .sorting a:hover{color:var(--ys-brand)}.ys-shell .table .checked>td{background:rgba(242,47,77,.09)!important}.ys-shell .table tr.text-center td{padding:32px;color:var(--ys-muted);font-weight:600}.ys-shell .table>tbody>tr>td a:not(.btn),.ys-shell .table>tbody>tr>th a:not(.btn){color:#ff8798;font-weight:700}

/* Forms, pages with service selection and settings */
.ys-shell .form-group{margin-bottom:19px}.ys-shell .form-control{font-size:14px;transition:border-color .18s ease,box-shadow .18s ease}.ys-shell .input-group-addon{border-color:#344149;background:#182127;color:var(--ys-muted)}.ys-shell .input-group .form-control:first-child{border-radius:9px 0 0 9px}.ys-shell .input-group .form-control:last-child{border-radius:0 9px 9px 0}.ys-shell .checkbox label,.ys-shell .radio label{font-weight:600;line-height:1.5}.ys-shell input[type=checkbox],.ys-shell input[type=radio]{accent-color:var(--ys-brand)}.ys-shell .validate-block .help-block,.ys-shell .has-error .help-block{margin-bottom:0}.ys-shell .has-error .form-control{border-color:#e64b5e}.ys-shell .has-success .form-control{border-color:#46ce96}.ys-shell .form-horizontal .control-label{padding-top:11px}.ys-shell .select2-container .select2-choice{height:44px;line-height:42px;background:#0a0f12;border-color:#344149;border-radius:9px;color:#fff}.ys-shell .select2-drop{border-color:#344149;background:#10171b;color:#fff}.ys-shell .select2-results .select2-highlighted{background:#772138}.ys-shell .select2-search input{background:#0a0f12!important;border-color:#344149!important;color:#fff!important}
.ys-shell .settings_table{margin:0 0 24px!important;border:1px solid var(--ys-line)!important;border-radius:14px!important;overflow:hidden;background:#10161a!important}.ys-shell .settings_table tr,.ys-shell .settings_table tr:nth-child(odd),.ys-shell .settings_table tr:nth-child(even){border:0!important;background:#10161a!important}.ys-shell .settings_table tr+tr td{border-top:1px solid var(--ys-line-soft)!important}.ys-shell .settings_table td{padding:15px 18px!important;color:var(--ys-text)!important}.ys-shell .settings_table tr td:first-child{width:40%;color:#cbd4d8!important;font-weight:650}.ys-shell .settings_table .styled_td{padding:13px 18px!important;background:#182127!important;color:#fff!important;font-family:'Space Grotesk',sans-serif;font-size:15px;text-transform:none!important;letter-spacing:0}.ys-shell .settings_table input:not([type=checkbox]):not([type=radio]),.ys-shell .settings_table select{max-width:460px;height:42px!important;background:#0a0f12!important;border:1px solid #344149!important;border-radius:8px!important;color:#fff!important;box-shadow:none!important}.ys-shell .settings_table input[type=submit],.ys-shell button.submit,.ys-shell button.button{height:42px!important;padding:0 17px!important;background:linear-gradient(135deg,#f83c57,#c91632)!important;border:1px solid #f4415a!important;border-radius:9px!important;color:#fff!important;font-size:13px!important;text-transform:none!important;box-shadow:none!important}.ys-shell .settings_table input[type=submit]:hover,.ys-shell button.submit:hover{background:linear-gradient(135deg,#ff5369,#d51837)!important;color:#fff!important;box-shadow:0 8px 20px rgba(242,47,77,.22)!important}

/* Tabs, menus, pagination, labels and status language */
.ys-shell .nav-tabs{display:flex;gap:7px;margin:0 0 22px;padding-bottom:0;border:0}.ys-shell .nav-tabs>li{float:none;margin:0}.ys-shell .nav-tabs>li>a,.ys-shell .nav-tabs.nav-justified>li>a{margin:0!important;padding:10px 14px!important;border:1px solid transparent!important;border-radius:9px!important;background:#11191d!important;color:#aebac1!important;font-size:13px;font-weight:700;text-transform:none!important}.ys-shell .nav-tabs>li>a:hover,.ys-shell .nav-tabs.nav-justified>li>a:hover{background:#1b262c!important;border-color:#314047!important;color:#fff!important}.ys-shell .nav-tabs>li.active>a,.ys-shell .nav-tabs>li.active>a:hover,.ys-shell .nav-tabs.nav-justified>li.active>a{background:rgba(242,47,77,.15)!important;border-color:rgba(242,47,77,.55)!important;color:#fff!important}.ys-shell .dropdown-menu{border:1px solid var(--ys-line);border-radius:10px;background:#10171b;box-shadow:0 16px 40px rgba(0,0,0,.38);padding:6px}.ys-shell .dropdown-menu>li>a{padding:9px 11px;border-radius:7px;color:#d5dde1;font-weight:600}.ys-shell .dropdown-menu>li>a:hover{background:#202a30;color:#fff}.ys-shell .dropdown-menu .divider{background:#2b363c}.ys-shell .btn-group.open .dropdown-toggle{box-shadow:none}.ys-shell .label{display:inline-block;padding:5px 8px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.02em}.ys-shell .label-success{background:rgba(54,201,138,.16);color:#8df1bb}.ys-shell .label-danger{background:rgba(255,96,117,.15);color:#ffacb8}.ys-shell .label-warning{background:rgba(243,174,67,.15);color:#ffda98}.ys-shell .label-info{background:rgba(81,180,237,.15);color:#a6e2ff}.ys-shell .badge{background:#29373e;color:#fff}.ys-shell .pagination{margin:0 0 14px}.ys-shell .pagination>li>a,.ys-shell .pagination>li>span{margin:0 2px;border-radius:8px}.ys-shell .pagination>li:first-child>a,.ys-shell .pagination>li:last-child>a{border-radius:8px}.ys-shell .pagination>li>a:hover{background:#243038;color:#fff}

/* Modal and asynchronous states */
.ys-shell .modal-backdrop{background:#020405}.ys-shell .modal-content{border-radius:16px}.ys-shell .modal-header{padding:18px 20px;border-bottom:1px solid var(--ys-line)}.ys-shell .modal-header .close{color:#fff;opacity:.7;text-shadow:none}.ys-shell .modal-title{font-family:'Space Grotesk',sans-serif;font-weight:700}.ys-shell .modal-body{padding:20px}.ys-shell .modal-footer{border-top:1px solid var(--ys-line);padding:14px 20px}.ys-shell .well{padding:20px}.ys-shell .list-group{margin-bottom:20px}.ys-shell .list-group-item{padding:14px 16px}.ys-shell .list-group-item:first-child{border-radius:12px 12px 0 0}.ys-shell .list-group-item:last-child{border-radius:0 0 12px 12px}.ys-shell .progress{height:8px;background:#202a30;box-shadow:none}.ys-shell .progress-bar{background:linear-gradient(90deg,#f43a57,#d61d3a)}.ys-shell .alert{padding:15px 17px;font-weight:600}.ys-shell .alert .close{color:inherit;text-shadow:none;opacity:.7}.ys-shell .empty-ajax-block,.ys-shell .ajax-block:empty{min-height:170px;border:1px dashed #3b4850;border-radius:14px;background:rgba(20,28,33,.5)}

/* Safe responsive behaviour for every legacy view. */
@media(max-width:767px){.ys-shell .ajax-block>h1,.ys-shell .ajax-block>h2,.ys-shell .ajax-block>h3:first-child{font-size:23px}.ys-shell .table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.ys-shell .table>thead>tr>th,.ys-shell .table>tbody>tr>td,.ys-shell .table>tbody>tr>th{min-width:115px}.ys-shell .settings_table,.ys-shell .settings_table tbody,.ys-shell .settings_table tr,.ys-shell .settings_table td{display:block;width:100%!important}.ys-shell .settings_table tr{padding:7px 0}.ys-shell .settings_table tr td:first-child{padding-bottom:6px!important}.ys-shell .settings_table td+td{padding-top:5px!important;border-top:0!important}.ys-shell .settings_table input:not([type=checkbox]):not([type=radio]),.ys-shell .settings_table select{max-width:none;width:100%}.ys-shell .nav-tabs{display:flex!important;overflow-x:auto;white-space:nowrap;padding-bottom:4px}.ys-shell .nav-tabs>li{display:inline-block!important;flex:0 0 auto}.ys-shell .modal-dialog{width:auto;margin:12px}.ys-shell .btn{margin-bottom:6px}.ys-shell .form-horizontal .control-label{text-align:left;padding-top:0}.ys-shell .form-horizontal .form-group{margin-right:0;margin-left:0}}
@media(prefers-reduced-motion:reduce){.ys-shell *{scroll-behavior:auto!important;transition:none!important}}