/* HostingSubidha — "Obsidian Signal" dark skin for WHMCS Lagom2 (client area)
   Loaded by includes/hooks/hs_client_theme.php. Remove that hook to revert. */
@import url("https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&family=Geist+Mono:wght@400;500;600&display=swap");

:root{
  /* neutrals (light -> dark inversion) */
  --gray-darker:#eef3f1;
  --gray-base:#a1abb3;
  --gray-lighter:#7d868f;
  --gray-lighter-2:#5b646c;
  --gray-lighter-3:#262c33;
  --gray-lighter-4:#1b2026;
  --gray-faded:#0f1216;
  --gray-gradient-start:#0f1216;
  --gray-gradient-end:#0b0d10;
  --gray-icons:#6f7a83;
  --gray-icons-hover:#22e3b4;

  /* brand */
  --brand-primary:#22e3b4;
  --brand-primary-lighter:#1fb6ff;
  --brand-primary-lighter-2:rgba(34,227,180,.35);
  --brand-primary-lighter-3:rgba(34,227,180,.14);
  --brand-primary-lighter-4:rgba(34,227,180,.08);
  --brand-primary-darker:#12b48c;
  --brand-primary-gradient-start:#3ff0c2;
  --brand-primary-gradient-end:#1fb6ff;
  --brand-secondary:#0e8a6c;
  --brand-secondary-lighter:#5b8c80;
  --brand-secondary-darker:#0a6b54;
  --brand-secondary-gradient-start:#0a6b54;
  --brand-secondary-gradient-end:#0e8a6c;
  --brand-info:#1fb6ff;
  --brand-info-lighter:#6fcfff;
  --brand-info-lighter-2:rgba(31,182,255,.35);
  --brand-info-lighter-3:rgba(31,182,255,.12);
  --brand-info-darker:#0b8fd0;
  --brand-info-gradient-start:#0b8fd0;
  --brand-info-gradient-end:#1fb6ff;

  /* surfaces */
  --body-bg:#07080b;
  --main-top-bg:#07080b;
  --main-footer-bg:#050608;
  --main-body-sidebar-content-bg:#0b0d10;
  --app-nav-top-bg:rgba(7,8,11,.92);
  --app-nav-left-bg:#0b0d10;
  --mob-app-nav-bg:#0b0d10;
  --mob-app-nav-header-bg:#07080b;
  --ui-block-bg:#101317;
  --ui-block-overlay-bg-2:rgba(16,19,23,.85);
  --dropdown-bg:#12161a;
  --popover-bg:#12161a;
  --popover-body-color:#dbe7e3;
  --tooltip-bg:#1b2026;
  --breadcrumb-bg:transparent;
  --code-bg:#151a1f;
  --code-color:#5ee7c4;
  --kbd-bg:#1b2026;
  --input-bg:#0c0f13;
  --input-hover-bg:#0f1317;
  --input-focus-bg:#0f1317;
  --select-option-bg:#12161a;
  --icheck-bg:#0c0f13;
  --primary-block-input-bg:rgba(255,255,255,.06);
  --primary-block-input-border:rgba(255,255,255,.14);
  --label-savings-bg:rgba(34,227,180,.14);
  --price-savings-background:rgba(34,227,180,.14);
  --svg-graphic-bg-body:#0f1216;
  --svg-graphic-bg-browser-search:#151a1f;
  --svg-graphic-bg-white:#151a1f;
  --text-secondary-heading-color:#eef3f1;

  /* dark text on mint buttons */
  --btn-primary-color:#03130e;
  --btn-primary-hover-color:#03130e;
  --btn-info-color:#03130e;
  --btn-info-hover-color:#03130e;
  --input-btn-focus-color:rgba(34,227,180,.35);
}

/* typography */
body.lagom,body.lagom input,body.lagom select,body.lagom textarea,body.lagom .btn{
  font-family:"Geist","Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
body.lagom{background:
  radial-gradient(1100px 520px at 85% -10%,rgba(31,182,255,.06),transparent 60%),
  radial-gradient(900px 480px at -10% 0%,rgba(34,227,180,.06),transparent 60%),#07080b;
  color:#dbe7e3;letter-spacing:-.005em}
body.lagom h1,body.lagom h2,body.lagom h3,body.lagom .h1,body.lagom .h2,body.lagom .h3,
body.lagom .main-header-title,body.lagom .login-title{letter-spacing:-.03em;color:#eef3f1}
::selection{background:#22e3b4;color:#03130e}

/* cards / panels: hairline gradient border */
body.lagom .panel,body.lagom .ui-block,body.lagom .package,body.lagom .tile,body.lagom .list-group,
body.lagom .login-wrapper .login,body.lagom .modal-content,body.lagom .table-container,body.lagom .section-body>.panel{
  background:linear-gradient(180deg,#12161a,#0d1013) padding-box,
             linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.03) 60%,rgba(34,227,180,.16)) border-box!important;
  border:1px solid transparent!important;box-shadow:0 30px 70px -40px rgba(0,0,0,.9)}
body.lagom .tile:hover,body.lagom .package:hover{
  background:linear-gradient(180deg,#141a1d,#0d1013) padding-box,
             linear-gradient(180deg,rgba(94,231,196,.5),rgba(31,182,255,.15) 60%,rgba(34,227,180,.3)) border-box!important}

/* top nav */
body.lagom .app-nav,body.lagom .app-nav-header,body.lagom .app-nav-menu{background:rgba(7,8,11,.88)!important;border-color:rgba(255,255,255,.06)!important}
body.lagom .app-nav-header{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
body.lagom .logo img,body.lagom .app-nav-header .logo img,body.lagom .login-header img{content:url("https://hostingsubidha.com/assets/img/logo-light.png");background:none;filter:hue-rotate(-62deg) saturate(1.25) brightness(1.08);object-fit:contain}

/* buttons */
body.lagom .btn{border-radius:12px;font-weight:600}
body.lagom .btn-primary{background:linear-gradient(110deg,#3ff0c2,#22e3b4 40%,#1fb6ff)!important;border:0!important;color:#03130e!important;
  box-shadow:0 14px 40px -16px rgba(34,227,180,.8)}
body.lagom .btn-primary:hover{filter:brightness(1.06);box-shadow:0 18px 50px -12px rgba(31,182,255,.7)}
body.lagom .btn-default,body.lagom .btn-outline{background:rgba(255,255,255,.03)!important;border-color:rgba(255,255,255,.14)!important;color:#dbe7e3!important}
body.lagom .btn-default:hover,body.lagom .btn-outline:hover{border-color:rgba(94,231,196,.55)!important;color:#fff!important}

/* forms */
body.lagom .form-control,body.lagom select.form-control,body.lagom .input-group-addon{
  background:#0c0f13!important;border-color:rgba(255,255,255,.12)!important;color:#eef3f1!important}
body.lagom .form-control:focus{border-color:rgba(94,231,196,.65)!important;box-shadow:0 0 0 4px rgba(34,227,180,.14)!important}
body.lagom .form-control::placeholder{color:#5b646c}
body.lagom label,body.lagom .control-label{color:#a1abb3}

/* tables */
body.lagom .table,body.lagom .table>thead>tr>th,body.lagom .table>tbody>tr>td{color:#dbe7e3;border-color:rgba(255,255,255,.07)!important;background:transparent}
body.lagom .table>thead>tr>th{color:#5ee7c4;font-family:"Geist Mono",monospace;font-weight:500;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
body.lagom .table-hover>tbody>tr:hover>td{background:rgba(34,227,180,.04)}

/* prices & numbers in mono */
body.lagom .price,body.lagom .package-price,body.lagom .total-due-today,body.lagom .amt,body.lagom .stat-number,body.lagom .tile .stat{font-family:"Geist Mono",monospace;letter-spacing:-.03em}

/* alerts / labels */
body.lagom .alert-info{background:rgba(31,182,255,.08);border-color:rgba(31,182,255,.3);color:#cfeeff}
body.lagom .alert-success{background:rgba(34,227,180,.08);border-color:rgba(34,227,180,.3);color:#c9f7ea}
body.lagom .alert-warning{background:rgba(255,170,0,.08);border-color:rgba(255,170,0,.3);color:#ffe2a8}
body.lagom .alert-danger{background:rgba(217,38,50,.1);border-color:rgba(217,38,50,.35);color:#ffc9cc}

/* login / register: aurora backdrop */
body.page-login .main-body,body.page-clientregister .main-body,body.page-password-reset-container .main-body{
  background:radial-gradient(60% 50% at 50% 0%,rgba(34,227,180,.12),transparent 70%),
             linear-gradient(rgba(94,231,196,.05) 1px,transparent 1px) 0 0/56px 56px,
             linear-gradient(90deg,rgba(94,231,196,.05) 1px,transparent 1px) 0 0/56px 56px}
body.lagom .login-divider:before,body.lagom .login-divider:after{border-color:rgba(255,255,255,.08)!important;background:rgba(255,255,255,.08)!important}
body.lagom .login-footer{border-top-color:rgba(255,255,255,.07)!important}

/* sidebar / dropdowns */
body.lagom .dropdown-menu{background:#12161a!important;border:1px solid rgba(255,255,255,.09)!important;box-shadow:0 30px 70px -30px rgba(0,0,0,.9)}
body.lagom .dropdown-menu>li>a{color:#dbe7e3}
body.lagom .dropdown-menu>li>a:hover{background:rgba(34,227,180,.08)!important;color:#fff}
body.lagom .list-group-item{background:transparent!important;border-color:rgba(255,255,255,.06)!important;color:#dbe7e3}
body.lagom .list-group-item.active,body.lagom .list-group-item:hover{background:rgba(34,227,180,.08)!important;color:#5ee7c4!important}

/* footer */
body.lagom .main-footer{border-top:1px solid rgba(255,255,255,.06)}

/* scrollbar */
html{scrollbar-color:#252b31 #07080b}

/* domain search button on the gradient banner */
body.lagom .search-group .btn-primary-faded,body.lagom .domain-check-availability{background:#07080b!important;color:#5ee7c4!important;border:1px solid rgba(255,255,255,.14)!important;font-weight:600}
body.lagom .search-group .btn-primary-faded:hover,body.lagom .domain-check-availability:hover{color:#fff!important;border-color:rgba(94,231,196,.6)!important}