/* CaluServers dashboard: overrides for WHMCS Twenty-One, logged-in clients only */
body.calu-dashboard{--calu-bg:#080f21;--calu-panel:#111d36;--calu-line:#243857;--calu-cyan:#22d3ee;--calu-blue:#2478ff;background:var(--calu-bg);color:#dbeafe}
.calu-dashboard .calu-side{position:fixed;z-index:1050;top:0;bottom:0;left:0;width:245px;overflow-y:auto;background:linear-gradient(180deg,#0c1930,#080e1d);border-right:1px solid #1d3354;padding:22px 13px;box-shadow:8px 0 35px #0002}
.calu-side-brand{display:block;padding:0 10px 17px;border-bottom:1px solid #243857;margin-bottom:18px}.calu-side-brand img{display:block;max-width:180px;max-height:66px;object-fit:contain}
.calu-side-label{color:#7f9cbe;font-size:10px;letter-spacing:1.5px;font-weight:800;margin:22px 13px 8px}
.calu-dashboard .calu-side>a:not(.calu-side-brand){display:flex;align-items:center;gap:12px;color:#bfd1e9;text-decoration:none;font-size:13px;font-weight:600;padding:12px 13px;border-radius:11px;margin:2px 0;transition:background .2s}
.calu-dashboard .calu-side>a:not(.calu-side-brand):hover{background:#193c66;color:#fff}.calu-side a i{width:17px;text-align:center;color:#25c9f5}
.calu-dashboard #header,.calu-dashboard .master-breadcrumb,.calu-dashboard #main-body,.calu-dashboard #footer,.calu-dashboard .alert{margin-left:245px}
.calu-dashboard #header .topbar{background:linear-gradient(90deg,#1257e8,#16b9e7);color:white}.calu-dashboard #header .navbar{background:#0f1b31!important;border-color:#213956}.calu-dashboard #header .main-navbar-wrapper{background:#10223d!important}
.calu-dashboard #header .navbar-brand{display:none}.calu-dashboard #header .container,.calu-dashboard .master-breadcrumb .container,.calu-dashboard #main-body>.container,.calu-dashboard #footer>.container{max-width:none;width:100%;padding-left:28px;padding-right:28px}
.calu-dashboard .master-breadcrumb{background:#0b1528}.calu-dashboard #main-body{min-height:65vh;padding:28px 0 50px;background:radial-gradient(ellipse at top right,#11294d 0%,#080f21 60%)}
.calu-dashboard .card,.calu-dashboard .panel,.calu-dashboard .client-home-panels .panel,.calu-dashboard .list-group-item,.calu-dashboard .table-container{background:#111d36;color:#dce9ff;border:1px solid #263b5b;border-radius:13px}
.calu-dashboard .card-header,.calu-dashboard .panel-heading{background:#152743;color:#eff7ff;border-color:#263b5b}.calu-dashboard .card-footer,.calu-dashboard .panel-footer{background:#12233d;border-color:#263b5b}
.calu-dashboard h1,.calu-dashboard h2,.calu-dashboard h3,.calu-dashboard h4,.calu-dashboard h5,.calu-dashboard .page-header{color:#f0f7ff}.calu-dashboard a{color:#48caff}.calu-dashboard a:hover{color:#8ceaff}
.calu-dashboard .btn-primary,.calu-dashboard .btn-success{background:linear-gradient(110deg,#2268f5,#12b6e7);border:0;color:#fff;border-radius:9px}.calu-dashboard .btn-default,.calu-dashboard .btn-outline-primary{border-color:#315f91;color:#4fd5f7;background:#142944;border-radius:9px}
.calu-dashboard .table{color:#dce9ff}.calu-dashboard .table td,.calu-dashboard .table th{border-color:#293c57}.calu-dashboard .table-striped tbody tr:nth-of-type(odd){background:#172743}.calu-dashboard .form-control{background:#0c1830;color:#fff;border-color:#365074}.calu-dashboard .form-control:focus{background:#101f3b;color:#fff;border-color:#22d3ee}
.calu-dashboard #footer{background:#0a1427;color:#9bb2d1;border-top:1px solid #223b59}.calu-dashboard .primary-content{min-width:0}.calu-dashboard .sidebar .panel{background:#102039}
.calu-mobile-toggle{display:none}
@media(max-width:991px){.calu-dashboard .calu-side{transform:translateX(-102%);transition:transform .2s}.calu-dashboard.calu-side-open .calu-side{transform:translateX(0)}.calu-dashboard #header,.calu-dashboard .master-breadcrumb,.calu-dashboard #main-body,.calu-dashboard #footer,.calu-dashboard .alert{margin-left:0}.calu-dashboard .calu-mobile-toggle{display:block;position:fixed;right:12px;bottom:14px;z-index:1060;background:#176ff0;color:#fff;border:1px solid #48caff;padding:12px 17px;border-radius:24px;box-shadow:0 8px 25px #0008}.calu-dashboard #main-body>.container{padding-left:16px;padding-right:16px}}

/* Switch: dark is default, light restores the native WHMCS look */
.calu-theme-toggle{position:fixed;right:18px;top:43px;z-index:1100;display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid #3b85b8;border-radius:22px;background:#142944;color:#d7f7ff;cursor:pointer;font-size:12px;box-shadow:0 2px 9px #0003}
.calu-theme-toggle:focus-visible{outline:3px solid #22d3ee;outline-offset:2px}
body.calu-light{background:#fff;color:#333}
body.calu-light .calu-side{background:#fff;border-right:1px solid #e1e6ed;box-shadow:4px 0 20px #0000000b}
body.calu-light .calu-side-label{color:#8c97a8}
body.calu-light .calu-side>a:not(.calu-side-brand){color:#374151}
body.calu-light .calu-side>a:not(.calu-side-brand):hover{background:#edf4ff;color:#1e60d4}
body.calu-light .calu-side a i{color:#2978e6}
body.calu-light #header .topbar{background:#f5f7fb;color:#334155}
body.calu-light #header .navbar,body.calu-light #header .main-navbar-wrapper{background:#fff!important;border-color:#e2e8f0}
body.calu-light .master-breadcrumb{background:#f8fafc}
body.calu-light #main-body{background:#fff;color:#333}
body.calu-light .card,body.calu-light .panel,body.calu-light .client-home-panels .panel,body.calu-light .list-group-item,body.calu-light .table-container{background:#fff;color:#333;border-color:#e3e8ef}
body.calu-light .card-header,body.calu-light .panel-heading,body.calu-light .card-footer,body.calu-light .panel-footer{background:#f8fafc;color:#334155;border-color:#e3e8ef}
body.calu-light h1,body.calu-light h2,body.calu-light h3,body.calu-light h4,body.calu-light h5,body.calu-light .page-header{color:#283444}
body.calu-light a{color:#2563eb}
body.calu-light .btn-primary,body.calu-light .btn-success{background:#276cf1;color:#fff}
body.calu-light .btn-default,body.calu-light .btn-outline-primary{background:#fff;color:#2563eb;border-color:#bfdbfe}
body.calu-light .table{color:#333}body.calu-light .table td,body.calu-light .table th{border-color:#e3e8ef}
body.calu-light .table-striped tbody tr:nth-of-type(odd){background:#f8fafc}
body.calu-light .form-control,body.calu-light .form-control:focus{background:#fff;color:#333;border-color:#ced4da}
body.calu-light #footer{background:#f8fafc;color:#64748b;border-color:#e2e8f0}
body.calu-light .sidebar .panel{background:#fff}
body.calu-light .calu-theme-toggle{background:#fff;color:#334155;border-color:#d5dce7}
@media(max-width:991px){.calu-theme-toggle{top:42px;right:8px}.calu-theme-label{display:none}}

/* CaluServers shopping navigation */
.calu-side-group{margin:5px 0 12px;border:1px solid #284567;border-radius:12px;overflow:hidden}
.calu-side-group summary{cursor:pointer;list-style:none;padding:12px 13px;font-size:13px;font-weight:700;background:#162c49;color:#e8f5ff}
.calu-side-group summary::-webkit-details-marker{display:none}
.calu-side-group summary:after{content:'⌄';float:right}
.calu-side-group[open] summary:after{content:'⌃'}
.calu-side-group a{display:flex;align-items:center;gap:10px;padding:10px 14px;color:#c7d9f1;text-decoration:none;font-size:12px;border-top:1px solid #263b5b}
.calu-side-group a:hover{background:#1c3d65;color:#fff}
.calu-side-group i{width:17px;color:#22d3ee;text-align:center}
body.calu-light .calu-side-group{border-color:#d9e2ee}
body.calu-light .calu-side-group summary{background:#f1f5fa;color:#26384f}
body.calu-light .calu-side-group a{color:#34465d;border-color:#e4eaf2}
body.calu-light .calu-side-group a:hover{background:#eaf2ff}

/* v5: Clean dashboard, no duplicated breadcrumb/search/secondary navigation */
.calu-dashboard .master-breadcrumb,.calu-dashboard .sidebar,.calu-dashboard .sidebar-secondary{display:none!important}
.calu-dashboard .tiles .tile{background:#111d36!important;color:#e5f3ff!important;border:1px solid #294365!important;box-shadow:none!important;min-height:130px}
.calu-dashboard .tiles .tile .stat,.calu-dashboard .tiles .tile .title{color:#dcecff!important}
.calu-dashboard .tiles .tile>i,.calu-dashboard .tiles .tile .fas,.calu-dashboard .tiles .tile .far{color:#22d3ee!important;opacity:1!important}
.calu-dashboard .tiles .tile .highlight{background:#22d3ee!important;height:3px!important}
body.calu-light .tiles .tile{background:#fff!important;color:#26364b!important;border-color:#dce4ef!important}
body.calu-light .tiles .tile .stat,body.calu-light .tiles .tile .title{color:#26364b!important}
body.calu-light .tiles .tile>i,body.calu-light .tiles .tile .fas,body.calu-light .tiles .tile .far{color:#2563eb!important}
body.calu-light .tiles .tile .highlight{background:#2563eb!important}

/* Logo centered within the left navigation panel (both themes) */
.calu-dashboard .calu-side .calu-side-brand {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 12px 8px 20px;
  margin: 0 0 18px;
  box-sizing: border-box;
  text-align: center;
}
.calu-dashboard .calu-side .calu-side-brand img {
  display: block;
  width: auto;
  max-width: min(190px, 100%);
  max-height: 70px;
  height: auto;
  object-fit: contain;
  margin: 0 auto;
}

/* Fix contrast in top account/notifications bar for light theme */
body.calu-light #header .topbar,
body.calu-light #header .topbar .container,
body.calu-light #header .topbar .btn,
body.calu-light #header .topbar .input-group-text,
body.calu-light #header .topbar .btn-active-client,
body.calu-light #header .topbar a,
body.calu-light #header .topbar span,
body.calu-light #header .topbar i {
  color: #24364f !important;
}
body.calu-light #header .topbar {
  background: #edf3fa !important;
  border-bottom: 1px solid #d8e2ef !important;
}
body.calu-light #header .topbar .btn,
body.calu-light #header .topbar .input-group-text {
  background: transparent !important;
  border-color: transparent !important;
}
body.calu-light #header .topbar a:hover,
body.calu-light #header .topbar a:hover i {
  color: #087bdf !important;
}