/* HostingLawn Premium 1.0 — CSS-only Twenty-One child. Parent controls behaviour. */
@font-face{font-family:Inter;src:url('../assets/fonts/Inter-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('../assets/fonts/Inter-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Inter;src:url('../assets/fonts/Inter-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Inter;src:url('../assets/fonts/Inter-700.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Poppins;src:url('../assets/fonts/Poppins-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Poppins;src:url('../assets/fonts/Poppins-700.woff2') format('woff2');font-weight:700;font-display:swap}
:root{--hl-navy:#050515;--hl-red:#e3000f;--hl-red-hover:#bb000d;--hl-ink:#181827;--hl-muted:#606371;--hl-paper:#fff;--hl-cloud:#f6f7f9;--hl-line:#e6e8ed;--hl-radius:18px;--hl-shadow:0 14px 38px rgba(5,5,21,.06)}
body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--hl-ink);background:var(--hl-cloud);font-size:14px;line-height:1.65}
h1,h2,h3,h4,.card-title,.panel-title{font-family:Poppins,Inter,sans-serif;color:var(--hl-navy);font-weight:600;letter-spacing:-.025em}
h1{font-size:clamp(1.6rem,3.5vw,2.4rem)}
a{color:#b9000c}a:hover{color:var(--hl-red-hover)}
:focus-visible{outline:3px solid #bf2334;outline-offset:3px}
.text-muted{color:var(--hl-muted)!important}
.primary-bg-color{background:var(--hl-cloud)}
#header,.header{background:#fff;border-bottom:1px solid var(--hl-line)}
#header .logo img,.header .logo-img{max-height:54px;width:auto;max-width:230px}
#header .navbar,.header .navbar{background:#fff}
.main-navbar-wrapper,.navbar-main{background:#fff!important;border-bottom:1px solid var(--hl-line);box-shadow:0 8px 24px rgba(5,5,21,.025)}
.navbar-main .navbar-nav .nav-link,.navbar-main .navbar-nav>li>a{color:var(--hl-navy);font-weight:600}
.navbar-main .navbar-nav .nav-link:hover,.navbar-main .navbar-nav>li>a:hover{color:var(--hl-red);background:#fff4f4;border-radius:8px}
.navbar-main .navbar-toggler{color:var(--hl-navy);border-color:#d2d5dd;background:#f6f7f9}
.navbar-main .navbar-toggler-icon{filter:brightness(.2)}
.dropdown-menu{border:1px solid var(--hl-line);border-radius:14px;box-shadow:var(--hl-shadow);padding:.6rem}
.dropdown-item{border-radius:7px}.dropdown-item.active,.dropdown-item:active{background:var(--hl-red);color:#fff}
#main-body{padding-top:36px;padding-bottom:52px;min-height:55vh}
.main-content{min-width:0}
.breadcrumb{background:transparent;padding-left:0;color:var(--hl-muted);font-size:.8rem}
.card,.panel,.list-group,.tiles .tile{border-color:var(--hl-line);border-radius:var(--hl-radius);box-shadow:var(--hl-shadow)}
.card,.panel{background:#fff;margin-bottom:24px}
.card-header,.panel-heading{background:#fff;border-bottom:1px solid var(--hl-line);padding:18px 22px;border-radius:var(--hl-radius) var(--hl-radius) 0 0!important}
.card-body,.panel-body{padding:22px}
.card-footer,.panel-footer{background:#fafafb;border-top:1px solid var(--hl-line);border-radius:0 0 var(--hl-radius) var(--hl-radius)}
.card-header h3,.panel-heading h3{font-size:1rem;margin:0}
.list-group-item{border-color:var(--hl-line);padding:13px 18px}
.list-group-item:first-child{border-top-left-radius:var(--hl-radius);border-top-right-radius:var(--hl-radius)}
.list-group-item:last-child{border-bottom-left-radius:var(--hl-radius);border-bottom-right-radius:var(--hl-radius)}
.list-group-item.active,.list-group-item.active:hover{background:#fff1f2;color:#a8000b;border-color:#f5ced2;font-weight:600}
.sidebar .list-group-item.active{border-left:3px solid var(--hl-red)}
.btn{font-family:Inter,sans-serif;font-weight:600;border-radius:10px;padding:.65rem 1.1rem;transition:background-color .18s ease,box-shadow .18s ease}
.btn-sm,.btn-group-sm>.btn{padding:.35rem .7rem;border-radius:8px}
.btn-primary{background:var(--hl-red);border-color:var(--hl-red);color:#fff;box-shadow:0 5px 12px rgba(227,0,15,.14)}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary:not(:disabled):not(.disabled):active{background:var(--hl-red-hover);border-color:var(--hl-red-hover);color:#fff}
.btn-primary.disabled,.btn-primary:disabled{background:#a95960;border-color:#a95960}
.btn-default,.btn-secondary{background:#fff;border:1px solid #d7dae2;color:var(--hl-navy)}
.btn-default:hover,.btn-secondary:hover{background:#f1f2f6;color:var(--hl-navy);border-color:#b5bac7}
.btn-outline-primary{border-color:var(--hl-red);color:#b9000c}.btn-outline-primary:hover{background:var(--hl-red);color:#fff;border-color:var(--hl-red)}
.form-control,.custom-select{border:1px solid #ccd0d9;border-radius:9px;color:var(--hl-ink);background-color:#fff;min-height:42px}
.form-control:focus,.custom-select:focus{border-color:#d54b56;box-shadow:0 0 0 3px rgba(227,0,15,.1)}
.form-control::placeholder{color:#737987}label{font-weight:500}
.input-group .form-control{min-width:0}
.table{color:var(--hl-ink)}.table thead th{background:#f7f8fa;color:var(--hl-muted);font-size:.75rem;letter-spacing:.025em;border-bottom:1px solid var(--hl-line)}
.table td,.table th{padding:15px 16px;border-color:var(--hl-line);vertical-align:middle}
.table-striped tbody tr:nth-of-type(odd){background:rgba(246,247,249,.65)}
.table-hover tbody tr:hover{background:#fff6f6}
.table-container{border:1px solid var(--hl-line);border-radius:14px;background:#fff}
.pagination .page-link{color:#a8000b;border-color:var(--hl-line)}.pagination .page-item.active .page-link{background:var(--hl-red);border-color:var(--hl-red)}
.nav-tabs{border-color:var(--hl-line)}.nav-tabs .nav-link{border-radius:10px 10px 0 0;color:var(--hl-muted)}.nav-tabs .nav-link.active{color:#b0000c;border-color:var(--hl-line) var(--hl-line) #fff;font-weight:600}
.alert{border-radius:12px;box-shadow:none}.badge{border-radius:6px;line-height:1.45}
.tiles{margin-bottom:24px}.tiles .tile{background:#fff;padding:22px;margin-bottom:14px;border:1px solid var(--hl-line);border-top:3px solid var(--hl-red)}
.tiles .tile .stat{color:var(--hl-navy);font-family:Poppins,Inter,sans-serif;font-weight:600}.tiles .tile .title{color:var(--hl-muted)}.tiles .tile i{color:#e3e5ec}
.home-domain-search{background:radial-gradient(ellipse at 85% 0%,#fff 0,transparent 55%),linear-gradient(125deg,#f9fafc,#f1f2f7);color:var(--hl-navy);border-bottom:1px solid var(--hl-line)}
.home-domain-search h2,.home-domain-search p{color:var(--hl-navy)}
.home-shortcuts{background:var(--hl-navy);color:#fff}.home-shortcuts a{color:#fff}.home-shortcuts .lead{color:#fff}
.logincontainer,.login-form{max-width:560px}.logincontainer{margin:32px auto}
.ticket-reply{border:1px solid var(--hl-line);border-radius:14px;box-shadow:var(--hl-shadow);margin-bottom:20px;overflow-wrap:anywhere}
.ticket-reply .user{background:#f7f8fa;border-color:var(--hl-line)}
.announcement-single{padding:22px;border:1px solid var(--hl-line);border-radius:18px;background:#fff;margin-bottom:20px}
#footer,.footer{background:var(--hl-navy);color:#d1d3dd;border-top:1px solid #222236;padding-top:30px;padding-bottom:30px}
#footer a,.footer a{color:#fff}#footer .text-muted,.footer .text-muted{color:#b7bbc9!important}
.hl-brand-note{margin:0;background:var(--hl-navy);color:#c7c9d4;text-align:center;padding:0 18px 24px;font-size:12px}.hl-brand-note a{color:#fff;text-decoration:underline;text-underline-offset:3px}
/* A stationary, decorative raised terrace. No layer covers content or forms. */
.hl-terrace{display:block;width:64px;height:22px;margin:0 auto 18px;border-radius:10px;background:linear-gradient(145deg,#fff,#dfe1e8);box-shadow:0 5px 0 #bfc3cf,0 11px 0 #8d92a4,0 20px 24px rgba(0,0,0,.18);transform:rotate(-12deg) skewX(15deg);border-top:2px solid #fff;pointer-events:none}
@media(max-width:767px){#main-body{padding-top:22px;padding-bottom:30px}.card-body,.panel-body{padding:17px}.card-header,.panel-heading{padding:16px 17px}.table td,.table th{padding:12px 10px}.navbar-main .navbar-nav .nav-link{padding:12px 16px}.tiles .tile{padding:16px}.header .logo-img,#header .logo img{max-width:190px}.btn{white-space:normal}.dropdown-menu{box-shadow:0 7px 18px rgba(5,5,21,.06)}}
@media(prefers-reduced-motion:reduce){.btn{transition:none}html{scroll-behavior:auto}}
@media print{body,#main-body{background:#fff}.hl-brand-note{display:none}.card,.panel{box-shadow:none}}
/* Twenty-One selectors, checked against its public header structure. */
header.header .main-navbar-wrapper .navbar-nav .nav-link{color:var(--hl-navy);font-weight:600}
header.header .main-navbar-wrapper .navbar-nav .nav-link:hover{color:var(--hl-red);background:#fff4f4;border-radius:8px}
header.header .topbar{background:var(--hl-navy);color:#d1d3dd}
header.header .topbar .btn,header.header .topbar .active-client .btn{color:#e6e8ed}
header.header .toolbar .nav-link{color:var(--hl-navy);border-color:var(--hl-line);border-radius:9px}
header.header .dropdown-item.active,header.header .dropdown-item:active{background:var(--hl-red);color:#fff}
header.header .logo-img{max-width:230px;max-height:54px;width:auto}
.master-breadcrumb{background:#f6f7f9;border-bottom:1px solid var(--hl-line)}
.primary-content .card{margin-bottom:24px}
footer.footer{background:var(--hl-navy);color:#d1d3dd}
footer.footer .dropdown-item{color:var(--hl-navy)}
footer.footer .dropdown-item.active,footer.footer .dropdown-item:active{color:#fff}
@media(max-width:767px){header.header .logo-img{max-width:190px}}