/* Hostei client area: shared visual language for WHMCS screens. */
:root{--h-ink:#15274a;--h-muted:#66758d;--h-blue:#2855d9;--h-border:#e2e8f2;--h-surface:#fff;--h-bg:#f5f7fb;--h-shadow:0 8px 28px rgba(27,47,88,.055)}
body.primary-bg-color{background:var(--h-bg);color:var(--h-ink);line-height:1.55}
#header .topbar{background:#f7f9fd;border-bottom:1px solid #edf1f7}
#header .topbar .btn,#header .topbar .input-group-text{font-size:12px;font-weight:600}
#header .navbar-light{min-height:70px;padding:10px 0}
.hostei-logged-in #header .toolbar{margin-left:auto}
#header .main-navbar-wrapper{border-top:1px solid #edf1f7}
#header .main-navbar-wrapper .navbar-nav>li>a{font-size:14px;font-weight:650;color:#4d5c75;padding:13px 15px;border-radius:8px;text-decoration:none}
#header .main-navbar-wrapper .navbar-nav>li>a:hover,#header .main-navbar-wrapper .navbar-nav>li.show>a{background:#eff4ff;color:var(--h-blue)}
#header .main-navbar-wrapper .navbar-nav>li>a:focus-visible,.btn:focus-visible{outline:3px solid #7ca4ff;outline-offset:2px}
.dropdown-menu{padding:7px;min-width:220px;border:1px solid var(--h-border);border-radius:14px;box-shadow:0 18px 45px rgba(20,39,76,.14)}
.dropdown-menu .dropdown-item{border-radius:8px;color:var(--h-ink);font-size:14px;white-space:normal}
.dropdown-menu li.dropdown-item{padding:0}.dropdown-menu li.dropdown-item>a.dropdown-item{display:block;padding:10px 12px!important}
.dropdown-menu .dropdown-item:hover,.dropdown-menu .dropdown-item:focus{background:#f0f4ff;color:var(--h-blue)}
.hostei-banner{background:linear-gradient(120deg,#11204b 0%,#1b3476 72%,#2855bb 130%);padding:25px 0 27px}
.hostei-banner:after{width:300px;height:300px;top:-205px;border-color:rgba(150,183,255,.12)}
.hostei-eyebrow{font-size:10px;letter-spacing:1.7px;color:#a8caff;margin-bottom:6px}
.hostei-banner h1{font-size:27px;line-height:1.2;margin-bottom:6px;font-weight:750;letter-spacing:-.7px}
.hostei-banner p{font-size:14px;color:#d1ddf6}
.master-breadcrumb{background:transparent;border:0;padding:10px 0 0}.master-breadcrumb .breadcrumb{padding:8px 0;color:#738098}
#main-body{background:var(--h-bg);padding:24px 0 64px}
.card,.panel{border:1px solid var(--h-border);border-radius:16px;box-shadow:var(--h-shadow);overflow:hidden}
.card-header,.panel-heading{padding:18px 20px;background:#fff;border-bottom:1px solid #edf1f7}
.card-title,.panel-title{font-size:15px;font-weight:750;letter-spacing:-.2px}
.card-title>i:first-child{color:#5574bb;margin-right:5px}
.card-body{padding:22px}.card-footer{background:#fff;border-color:#edf1f7}
.sidebar .card-sidebar{margin-bottom:16px!important}.sidebar .card-header{padding:16px 18px}.sidebar .card-body{padding:18px}
.sidebar .list-group{border:0;border-radius:0;box-shadow:none}.sidebar .list-group-item{border:0;border-top:1px solid #f0f3f8;padding:11px 17px;color:#4d5d76;font-size:13px}
.sidebar .list-group-item:hover{background:#f5f8ff;color:var(--h-blue)}.sidebar .list-group-item.active{background:#eaf0ff;border-color:#eaf0ff;color:#234fc8;font-weight:700}
.sidebar .sidebar-menu-item-icon{color:#8292ac}.sidebar .badge{background:#edf2fb;color:#65748d;border-radius:20px}
.btn{border-radius:10px;font-weight:650;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease}
.btn-primary,.btn-success{background:#2855d9;border-color:#2855d9}.btn-primary:hover,.btn-success:hover{background:#1e46bc;border-color:#1e46bc}
.btn-default,.btn-outline-primary{border-color:#d7e1f1;color:#2751c5;background:#fff}.btn-default:hover,.btn-outline-primary:hover{background:#edf3ff;color:#1c45b3;border-color:#c4d3f3}
.form-control,.custom-select{border-color:#dce4ef;border-radius:10px;min-height:44px;box-shadow:none}.form-control:focus,.custom-select:focus{border-color:#7b9af0;box-shadow:0 0 0 3px rgba(40,85,217,.12)}
.alert{border:1px solid transparent;border-radius:12px}.badge,.label.status{font-weight:700}
.tiles{margin-bottom:24px!important}.tiles>.row{margin:0 -6px}.tiles>.row>div{padding:0 6px 12px}
.tiles .tile{position:relative;display:block;min-height:116px;margin:0;padding:18px;border:1px solid var(--h-border);border-radius:15px;background:#fff;box-shadow:var(--h-shadow);overflow:hidden;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
.tiles .tile:hover{transform:translateY(-2px);border-color:#cbd9f6;box-shadow:0 12px 26px rgba(29,56,111,.1)}
.tiles .tile i{position:absolute;right:17px;top:18px;float:none;font-size:21px!important;color:#577de0!important;opacity:1!important;background:#edf3ff;width:42px;height:42px;line-height:42px;text-align:center;border-radius:12px}
.tiles .tile .stat{float:none;font-size:29px;line-height:1.1;font-weight:750;color:var(--h-ink);margin:0 0 9px}.tiles .tile .title{font-size:12px;font-weight:700;color:var(--h-muted);text-transform:none;letter-spacing:0}.tiles .tile .highlight{display:none}
.client-home-cards .card-header{padding:18px 20px}.client-home-cards .card-title{font-size:15px}.client-home-cards .card-footer:empty{display:none}.client-home-cards .list-group-item{border-color:#edf1f7;padding:14px 18px}.client-home-cards .card-header .btn-xs{padding:6px 10px;font-size:12px}
.table-container{background:#fff;border:1px solid var(--h-border);border-radius:15px;box-shadow:var(--h-shadow);overflow:auto}.table-list{margin:0!important}.table-list thead th,.table thead th{background:#f8faff;color:#60708b;font-size:12px;font-weight:700;border-color:#e9eef6;padding:14px 15px}.table-list tbody td,.table tbody td{border-color:#edf1f7;padding:16px 15px;vertical-align:middle}.table-list tbody tr:hover{background:#f8faff}.table-list tbody tr[onclick]{cursor:pointer}
.dataTables_wrapper .dataTables_filter input{border:1px solid #dce4ef;border-radius:10px;min-height:42px;padding:8px 12px;background:#fff}.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_paginate{color:var(--h-muted);font-size:13px}
.pagination .page-link{border-color:#e3e9f3;color:#49628c}.pagination .page-item.active .page-link{background:#2855d9;border-color:#2855d9}
.label.status{border-radius:20px;padding:5px 10px;font-size:11px}.nav-tabs{border-color:#e0e7f2}.nav-tabs .nav-link{border-radius:10px 10px 0 0;color:#64748b;font-weight:650}.nav-tabs .nav-link.active{color:#2855d9}
.product-details .product-icon{border-radius:14px 14px 0 0;background:#f1f5ff;padding:28px 20px}.product-details .product-icon .fa-stack{font-size:2em;color:#2855d9}.product-details .product-icon h3{font-size:20px;margin:14px 0 5px}.product-details .product-icon h4{font-size:14px;color:#66758d;margin:0}.product-details .product-status{border-radius:14px;overflow:hidden}.product-details .product-status-text{padding:10px;font-size:12px;font-weight:750;letter-spacing:.04em}
.product-details .col-md-6.text-center h4{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#7a889e;margin:15px 0 4px}.product-details .col-md-6.text-center{font-size:14px;color:#233653}.product-details-tab-container{border:1px solid var(--h-border);border-top:0;border-radius:0 0 15px 15px;padding:24px;box-shadow:var(--h-shadow)}
#footer.footer{background:#fff;border-color:#e6ecf5;padding:42px 0 22px}.hostei-footer-grid h3{font-size:14px}.hostei-footer-grid a:not(.hostei-brand){color:#65758e}
@media(max-width:1199px){#mainNavbar.show{padding:12px 0 18px}#header .main-navbar-wrapper .navbar-nav>li>a{display:block;padding:10px 12px}.dropdown-menu{box-shadow:none}}
@media(max-width:767px){#header .navbar-light{min-height:64px;padding:9px 0}.hostei-banner{padding:21px 0 23px}.hostei-banner h1{font-size:24px}.hostei-banner p{max-width:100%}#main-body{padding:18px 0 40px}.tiles .tile{min-height:102px;padding:14px}.tiles .tile i{right:12px;top:12px;width:36px;height:36px;line-height:36px;font-size:17px!important}.tiles .tile .stat{font-size:26px}.card-body{padding:18px}.table-container{max-width:100%}.product-details-tab-container{padding:18px}.product-details .col-md-6.text-center{padding-top:12px}.hostei-footer-grid{gap:20px}}
@media(prefers-reduced-motion:reduce){.tiles .tile,.btn{transition:none}.tiles .tile:hover{transform:none}}

/* Compact product summary and accessible dropdown spacing. */
.product-details .product-icon .fa-stack{font-size:1.1rem;width:5rem;height:5rem;line-height:5rem}
.product-details .product-icon .fa-stack-2x{font-size:4.5rem}.product-details .product-icon .fa-stack-1x{font-size:1.8rem}
.product-details .product-status .product-icon{background:#f1f5ff}
.dropdown-menu li.dropdown-item{margin:0;border:0}.dropdown-menu li.dropdown-item>a.dropdown-item{min-height:40px}
/* Remove the stock WHMCS welcome notice from the customer dashboard. */
#announcementsPanel .list-group>a[href*="Thank-you-for-choosing-WHMCS.html"]{display:none}
#announcementsPanel:has(.list-group>a[href*="Thank-you-for-choosing-WHMCS.html"]:only-child){display:none}
@media(max-width:991px){.hostei-page-clientareahome #main-body>.container>.row>.primary-content{order:-1}}