/* Sentinel Infrastructure WHMCS client area styling */

:root {
    --sentinel-navy: #07111f;
    --sentinel-navy-soft: #101b2d;
    --sentinel-blue: #2563eb;
    --sentinel-cyan: #06b6d4;
    --sentinel-bg: #f5f7fb;
    --sentinel-text: #101828;
    --sentinel-muted: #667085;
    --sentinel-border: #e5e7eb;
}

/* Base */
body {
    background: var(--sentinel-bg);
    color: var(--sentinel-text);
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
}

/* Header / top nav */
section#header,
.navbar-main,
.main-navbar-wrapper,
header.header {
    background: var(--sentinel-navy) !important;
    border: 0 !important;
}

.navbar-main .navbar-nav > li > a,
.navbar-main .navbar-nav > li > a:visited,
.navbar-nav > li > a {
    color: rgba(255,255,255,0.86) !important;
    font-weight: 500;
}

.navbar-main .navbar-nav > li > a:hover,
.navbar-main .navbar-nav > .active > a,
.navbar-main .navbar-nav > .open > a {
    color: #ffffff !important;
    background: rgba(255,255,255,0.08) !important;
}

/* Logo */
.logo img,
.navbar-brand img {
    max-height: 44px;
    width: auto;
}

/* Cards / panels */
.panel,
.card,
.client-home-panels .panel,
.domain-checker-container,
.home-shortcuts,
.tiles .tile {
    border: 1px solid var(--sentinel-border) !important;
    border-radius: 18px !important;
    box-shadow: 0 14px 35px rgba(16, 24, 40, 0.08) !important;
    overflow: hidden;
}

/* Panel headings */
.panel-heading,
.card-header {
    background: #ffffff !important;
    border-bottom: 1px solid var(--sentinel-border) !important;
    color: var(--sentinel-text) !important;
    font-weight: 700;
}

/* Primary buttons */
.btn-primary,
.btn-success,
input[type="submit"].btn-primary,
button.btn-primary {
    background: linear-gradient(135deg, var(--sentinel-blue), var(--sentinel-cyan)) !important;
    border: 0 !important;
    border-radius: 12px !important;
    color: #ffffff !important;
    font-weight: 700;
    box-shadow: 0 10px 24px rgba(37, 99, 235, 0.28);
}

.btn-primary:hover,
.btn-success:hover {
    filter: brightness(1.05);
    transform: translateY(-1px);
}

/* Secondary buttons */
.btn-default,
.btn-secondary {
    border-radius: 12px !important;
    border-color: var(--sentinel-border) !important;
}

/* Homepage quick links */
.home-shortcuts {
    background: #ffffff !important;
}

.home-shortcuts li a {
    color: var(--sentinel-text) !important;
    font-weight: 600;
}

.home-shortcuts li a:hover {
    color: var(--sentinel-blue) !important;
}

/* Domain search area */
.domain-checker-container {
    background: linear-gradient(135deg, var(--sentinel-navy), var(--sentinel-navy-soft)) !important;
    color: #ffffff !important;
    padding: 34px !important;
}

.domain-checker-container h1,
.domain-checker-container h2,
.domain-checker-container p {
    color: #ffffff !important;
}

/* Tables */
.table,
.dataTable {
    background: #ffffff;
    border-radius: 14px;
    overflow: hidden;
}

.table > thead > tr > th {
    background: #f8fafc;
    color: var(--sentinel-text);
    font-weight: 700;
}

/* Footer */
.footer,
section#footer {
    background: var(--sentinel-navy) !important;
    color: rgba(255,255,255,0.75) !important;
}

.footer a,
section#footer a {
    color: #ffffff !important;
}