/* Native WHMCS and addon screens: readable light surfaces inside the purple shell. */
html.shcd-theme body.shcd-site { --shcd-ink: #282038; --shcd-soft-ink: #62566f; --shcd-line: #e4daed; }
html.shcd-theme[dir=rtl] body.shcd-site { text-align: right; }
html.shcd-theme #main-body { font-family: var(--shcd-font); font-size: 17px; line-height: 1.9; }
html.shcd-theme:not(.shcd-marketing) #main-body {
  background: radial-gradient(ellipse at 95% 0, #eadbf84d, transparent 55%), linear-gradient(135deg, #f9f6fd, #f4f0f9) !important;
  color: var(--shcd-ink) !important; padding-block: 36px 54px; min-height: 55vh; color-scheme: light;
}
html.shcd-theme:not(.shcd-marketing) #main-body .primary-content { color: var(--shcd-ink); }
html.shcd-theme:not(.shcd-marketing) #main-body :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6) { color: #30203e !important; line-height: 1.7; font-weight: 750; }
html.shcd-theme:not(.shcd-marketing) #main-body h1 { font-size: clamp(28px, 2.7vw, 36px); margin-bottom: 18px; }
html.shcd-theme:not(.shcd-marketing) #main-body :is(label,.form-control-label,legend) { color: #42334f; font-weight: 600; }
html.shcd-theme:not(.shcd-marketing) #main-body :is(.text-muted,.text-dark,.text-light,.text-gray,.help-block,.small-text) { color: #64576f !important; }
html.shcd-theme:not(.shcd-marketing) #main-body :is(small,.small,.help-block,.small-text) { font-size: 14px; line-height: 1.8; }
html.shcd-theme:not(.shcd-marketing) #main-body a:not(.btn):not(.shcd-btn):not(.badge):not(.list-group-item) { color: #7332a5; }
html.shcd-theme:not(.shcd-marketing) #main-body a:not(.btn):not(.shcd-btn):not(.badge):hover { color: #512074; }
html.shcd-theme:not(.shcd-marketing) #main-body :is(.card,.panel,.tile,.list-group-item,.bg-white,.bg-light,.well,.tab-content) {
  background: #fff; color: #33273f; border-color: var(--shcd-line); border-radius: 15px; box-shadow: 0 4px 14px #38214f06;
}
html.shcd-theme:not(.shcd-marketing) #main-body :is(.card-body,.panel-body,.card-text,.list-group-item-text) { color: #46364f; }
html.shcd-theme:not(.shcd-marketing) #main-body :is(.card-header,.card-footer,.panel-heading,.panel-footer) { background: #f8f4fc; color: #453050; border-color: var(--shcd-line); }
html.shcd-theme:not(.shcd-marketing) #main-body :is(.card-title,.card-header .card-title,.panel-title) { color: #412454 !important; font-size: 18px; }
html.shcd-theme:not(.shcd-marketing) #main-body .card-header { border-radius: 15px 15px 0 0; padding: 17px 20px; }
html.shcd-theme:not(.shcd-marketing) #main-body .card-footer { border-radius: 0 0 15px 15px; }
html.shcd-theme:not(.shcd-marketing) #main-body :is(.sidebar .list-group-item,.cart-sidebar .list-group-item) { border-radius: 0; margin: 0; padding: 13px 18px; font-size: 16px; box-shadow: none; color: #63377b; border-color: #eee6f3; transition: color .2s, background .2s; }
html.shcd-theme:not(.shcd-marketing) #main-body :is(.sidebar .list-group-item,.cart-sidebar .list-group-item):hover { color: #6d259c; background: #f4ebfc; }
html.shcd-theme:not(.shcd-marketing) #main-body :is(.sidebar .list-group-item,.cart-sidebar .list-group-item).active { background: #ede0f8; color: #552476; border-color: #d5b6ed; font-weight: 700; }
html.shcd-theme:not(.shcd-marketing) #main-body :is(.sidebar .card,.cart-sidebar .card,.panel-sidebar) { overflow: hidden; }
html.shcd-theme:not(.shcd-marketing) #main-body .tiles .tile { border: 1px solid var(--shcd-line); border-radius: 14px; padding: 20px; }
html.shcd-theme:not(.shcd-marketing) #main-body .tiles .tile .stat { color: #48205e; font-size: 32px; font-weight: 800; }
html.shcd-theme:not(.shcd-marketing) #main-body .tiles .tile .title { color: #5e4a6c; font-size: 16px; }
html.shcd-theme:not(.shcd-marketing) #main-body .tiles .tile i { color: #a370c3; opacity: .5; }
/* Explicit controls beat broad module button/input selectors without recolouring icons. */
html.shcd-theme body.shcd-site :is(#main-body,#header,.modal,.popover) :is(.btn,button.btn) {
  min-height: 44px; border-radius: 10px; font: 600 16px/1.65 var(--shcd-font); padding: 9px 16px;
  box-shadow: none !important; text-shadow: none !important; filter: none !important;
  transition: background .2s, border-color .2s, color .2s, transform .2s;
}
html.shcd-theme body.shcd-site :is(#main-body,#header,.modal) .btn-primary {
  background: linear-gradient(110deg, #7130bf, #963aca) !important; border: 1px solid #7c35b8 !important; color: #fff !important;
}
html.shcd-theme body.shcd-site :is(#main-body,#header,.modal) .btn-primary:hover { background: linear-gradient(110deg, #6322af, #8630b8) !important; border-color: #5f218f !important; transform: translateY(-1px); }
html.shcd-theme body.shcd-site :is(#main-body,#header,.modal) :is(.btn-default,.btn-light,.btn-secondary) { background: #f3eaf9 !important; color: #5e2879 !important; border: 1px solid #d9c1e8 !important; }
html.shcd-theme body.shcd-site :is(#main-body,#header,.modal) :is(.btn-default,.btn-light,.btn-secondary):hover { background: #e9d8f5 !important; color: #45205c !important; border-color: #ae7dcc !important; }
html.shcd-theme body.shcd-site :is(#main-body,#header,.modal) .btn-success { background: #1d7257 !important; color: #fff !important; border-color: #1b674e !important; }
html.shcd-theme body.shcd-site :is(#main-body,#header,.modal) .btn-success:hover { background: #175c46 !important; }
html.shcd-theme body.shcd-site :is(#main-body,#header,.modal) .btn-danger { background: #a63249 !important; color: #fff !important; border-color: #922e40 !important; }
html.shcd-theme body.shcd-site :is(#main-body,#header,.modal) .btn-warning { background: #f3cf87 !important; color: #513312 !important; border-color: #d7b572 !important; }
html.shcd-theme body.shcd-site :is(#main-body,#header,.modal) .btn-info { background: #245f82 !important; color: #fff !important; border-color: #245f82 !important; }
html.shcd-theme body.shcd-site :is(#main-body,#header,.modal) .btn-link { background: transparent !important; border-color: transparent !important; color: #7937a5 !important; }
html.shcd-theme body.shcd-site :is(#main-body,#header,.modal) :is(.btn:disabled,.btn.disabled) { opacity: .6; transform: none; cursor: not-allowed; }
html.shcd-theme body.shcd-site :is(#main-body,#header,.modal) :is(.form-control,.custom-select,.input-group-text,select.form-control,.dataTables_wrapper select) {
  font: 450 16px/1.8 var(--shcd-font); background: #fff !important; color: #302039 !important; border: 1px solid #d8c9e3 !important;
  border-radius: 10px; min-height: 48px; padding: 10px 14px; box-shadow: none !important; text-shadow: none !important;
}
html.shcd-theme body.shcd-site :is(#main-body,#header,.modal) .form-control:focus { border-color: #9658c4 !important; outline: 2px solid #e8d7f5; outline-offset: 1px; }
html.shcd-theme body.shcd-site :is(#main-body,#header,.modal) .form-control::placeholder { color: #7a6a86; opacity: 1; }
html.shcd-theme body.shcd-site #main-body :is(input[type=checkbox],input[type=radio]) { accent-color: #8039b2; width: 18px; height: 18px; vertical-align: middle; }
html.shcd-theme #main-body :is(input[type=email],input[type=url],input[autocomplete=username]) { direction: ltr; text-align: left; }
html.shcd-theme #main-body .input-group { flex-wrap: nowrap; }
html.shcd-theme #main-body .input-group > .form-control { min-width: 0; }
html.shcd-theme #main-body input:-webkit-autofill { -webkit-text-fill-color: #302039; -webkit-box-shadow: 0 0 0 1000px #fcf9ff inset !important; caret-color: #302039; }
/* Tables also cover addon pages that use plain HTML without Bootstrap .table. */
html.shcd-theme:not(.shcd-marketing) #main-body table { color: #382b43; background: #fff; font-size: 16px; width: 100%; }
html.shcd-theme:not(.shcd-marketing) #main-body table :is(td,th) { border-color: #e8deef; color: #382b43; padding: 14px 13px; text-align: start; vertical-align: middle; }
html.shcd-theme:not(.shcd-marketing) #main-body table thead th { background: #ede2f7; color: #4c2867; font-weight: 700; line-height: 1.8; }
html.shcd-theme:not(.shcd-marketing) #main-body .table-striped tbody tr:nth-of-type(odd) { background: #faf6fd; }
html.shcd-theme:not(.shcd-marketing) #main-body .table tbody tr:hover { background: #f5edfb; }
html.shcd-theme:not(.shcd-marketing) #main-body :is(.dataTables_filter,.dataTables_length,.dataTables_info,.dataTables_paginate) { background: transparent; color: #655272; font-size: 15px; }
html.shcd-theme #main-body .table-responsive { overflow-x: auto; }
html.shcd-theme #main-body .alert { border-radius: 12px; padding: 15px 20px; font-size: 16px; }
html.shcd-theme #main-body .alert-danger { color: #882c3f; background: #fce9ed; border-color: #efc5ce; }
html.shcd-theme #main-body .alert-success { color: #1b624b; background: #e6f5ed; border-color: #bce0cf; }
html.shcd-theme #main-body .alert-warning { color: #77501f; background: #fff4dc; border-color: #e8d3a1; }
html.shcd-theme #main-body .alert-info { color: #295a75; background: #e9f3fa; border-color: #c5dfed; }
html.shcd-theme #main-body :is(.badge,.label) { border-radius: 6px; font-size: 13px; padding: 5px 8px; }
html.shcd-theme #main-body :is(.badge-success,.label-success) { color: #fff; background: #237254; }
html.shcd-theme #main-body :is(.badge-danger,.label-danger) { color: #fff; background: #a63249; }
html.shcd-theme #main-body :is(.badge-secondary,.label-default) { color: #fff; background: #72617e; }
html.shcd-theme #main-body .nav-tabs { border-color: #ddcce9; gap: 4px; }
html.shcd-theme #main-body .nav-tabs .nav-link { font-size: 16px; color: #725385; border-radius: 10px 10px 0 0; padding: 12px 18px; }
html.shcd-theme #main-body .nav-tabs .nav-link.active { background: #fff; color: #7334a0; border-color: #ddcce9 #ddcce9 #fff; }
html.shcd-theme :is(.modal-content,.popover) { background: #fff; color: #342341; border: 1px solid #dcc7ec; border-radius: 17px; font: 450 16px/1.9 var(--shcd-font); box-shadow: 0 12px 40px #15052326; }
html.shcd-theme :is(.modal-header,.modal-footer,.popover-header) { background: #f6f0fb; color: #432552; border-color: #e7dbf0; }
html.shcd-theme .modal-content h5 { color: #432552; }
html.shcd-theme .popover a { color: #7635a5; }
/* Native menus use logical placement; direction alone cannot flip Bootstrap margins. */
html.shcd-theme #header.shcd-functional-header { background: #1b102a !important; border-bottom: 1px solid #b987df3d; font: 500 16px/1.8 var(--shcd-font); color: #e8d6f6; }
html.shcd-theme #header :is(.topbar,.navbar,.main-navbar-wrapper) { background: #1b102a !important; border-color: #ae7bd335; }
.shcd-native-toolbar { display: flex; justify-content: space-between; gap: 20px; align-items: center; padding-block: 16px; }
.shcd-native-toolbar form { display: flex; gap: 8px; flex-wrap: nowrap; max-width: 470px; flex: 1; }
.shcd-native-toolbar input { min-width: 80px; width: 100%; }
.shcd-native-toolbar-actions { display: flex; gap: 10px; align-items: center; }
html.shcd-theme #header .shcd-native-toolbar :is(.btn-default,.form-control) { background: #2c1d3e !important; color: #f0defe !important; border-color: #af7cdd4d !important; }
html.shcd-theme #header .form-control::placeholder { color: #c1a7d6; }
html.shcd-theme #header .main-navbar-wrapper { border-top: 1px solid #bb83dd2b; padding-block: 4px; }
html.shcd-theme #mainNavbar { justify-content: space-between; gap: 12px; }
html.shcd-theme #header .navbar-nav { padding-inline: 0; margin: 0; gap: 2px; align-items: stretch; }
html.shcd-theme #header .shcd-secondary-nav { margin-inline-start: auto; }
html.shcd-theme #header .navbar-nav > li { position: relative; }
html.shcd-theme #header .navbar-nav > li > a { display: flex; align-items: center; gap: 8px; min-height: 46px; padding: 10px 13px; border-radius: 9px; color: #e8d5f7; font-size: 16px; white-space: nowrap; text-align: start; transition: background .2s, color .2s; }
html.shcd-theme #header .navbar-nav > li > a:hover,
html.shcd-theme #header .navbar-nav > li.show > a { background: #bb80e521; color: #fff; }
html.shcd-theme #header .dropdown-toggle:after { margin: 0; margin-inline-start: 4px; }
html.shcd-theme #header .dropdown-menu { background: #2a193c; color: #f1e1ff; border: 1px solid #be89e659; border-radius: 13px; padding: 7px; min-width: 250px; box-shadow: 0 10px 24px #14091e29; text-align: start; left: auto; right: auto; inset-inline-start: 0; margin-block: 5px 0; }
html.shcd-theme #header .shcd-secondary-nav .dropdown-menu { inset-inline-start: auto; inset-inline-end: 0; }
html.shcd-theme #header li.dropdown-item { background: transparent; padding: 0; border-radius: 8px; }
html.shcd-theme #header a.dropdown-item { display: flex; align-items: center; flex-wrap: wrap; min-height: 44px; padding: 10px 13px !important; font-size: 16px; color: #ead5fa; background: transparent; border-radius: 8px; white-space: normal; transition: background .2s, color .2s; }
html.shcd-theme #header a.dropdown-item:hover { background: #b77de729; color: #fff; }
html.shcd-theme #header .dropdown-divider { border-top-color: #bc87dc30; padding: 0; height: 0; }
html.shcd-theme #header .topbar { padding-block: 10px; font-size: 14px; }
html.shcd-theme #header .topbar .btn { background: #29183b !important; color: #eedaff !important; border-color: #af7cdd4d !important; }
html.shcd-theme #header .active-client .btn { color: #e6cff9; background: #281939; border: 1px solid #ab77d64d; font-size: 14px; }
html.shcd-theme #header .active-client .input-group-text { min-height: 44px; font-size: 14px; background: transparent !important; color: #d4bde5 !important; border: 0 !important; }
html.shcd-theme .master-breadcrumb { background: #f1e9f8 !important; color: #684879; border-bottom: 1px solid #e3d5ee; padding-block: 12px; font: 500 15px/1.8 var(--shcd-font); }
html.shcd-theme .master-breadcrumb .breadcrumb { background: transparent; border-radius: 0; padding: 0; margin: 0; }
html.shcd-theme .master-breadcrumb a { color: #743998; }
html.shcd-theme .master-breadcrumb .breadcrumb-item.active { color: #77617f; }
html.shcd-theme[dir=rtl] .breadcrumb-item + .breadcrumb-item { padding-right: .6rem; padding-left: 0; }
html.shcd-theme[dir=rtl] .breadcrumb-item + .breadcrumb-item:before { float: right; padding-left: .6rem; padding-right: 0; }
html.shcd-theme[dir=rtl] #header .topbar .mr-auto { margin-right: 0 !important; margin-left: auto !important; }
html.shcd-theme[dir=rtl] #header .topbar .ml-auto { margin-left: 0 !important; margin-right: auto !important; }
html.shcd-theme[dir=rtl] .sidebar .list-group-item .badge { float: left; }
.shcd-footer-options { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; align-items: center; padding: 18px 0 25px; font-size: 14px; color: #cbb4de; }
.shcd-footer-options li { list-style: none; }
html.shcd-theme .shcd-footer-options .btn { background: #29183b; color: #e3cbf3; border: 1px solid #af7cdd4d; border-radius: 10px; font: 550 15px/1.8 var(--shcd-font); min-height: 44px; padding: 8px 16px; box-shadow: none !important; }
html.shcd-theme .modal-content .close { color: #67467a !important; }
/* Order form CSS can load from the body: scoped selectors keep its surface coherent. */
html.shcd-theme #order-shabnam-cart { color: #35243e; font-size: 17px; }
html.shcd-theme #order-shabnam-cart .row { align-items: flex-start; }
html.shcd-theme #order-shabnam-cart .cart-body { line-height: 1.9; min-width: 0; }
html.shcd-theme #order-shabnam-cart .cart-sidebar { min-width: 0; }
html.shcd-theme #order-shabnam-cart :is(.product,.product-info,.field-container,.view-cart-items .item,.view-cart-items-header,.summary-container) { background: #fff; color: #42304c; border-color: #e4d5ed; border-radius: 13px; }
html.shcd-theme #order-shabnam-cart .sub-heading { border-color: #ddc7eb; }
html.shcd-theme #order-shabnam-cart .sub-heading span { background: #f7f3fb; color: #603b76; font-size: 17px; }
html.shcd-theme #order-shabnam-cart .order-summary { background: linear-gradient(130deg, #3e2059, #281536); color: #f6eaff; border: 1px solid #aa75d0; border-radius: 16px; }
html.shcd-theme #order-shabnam-cart .order-summary h2 { color: #f5e7ff !important; font-size: 23px; }
html.shcd-theme #order-shabnam-cart .order-summary .summary-container { background: transparent; color: #f3e5ff; }
html.shcd-theme #order-shabnam-cart .order-summary :is(.text-muted,.small,small) { color: #e2c9f3 !important; }
html.shcd-theme #order-shabnam-cart .order-summary .total-due-today { background: #d6a4f411; border-color: #bb83e64d; }
html.shcd-theme #order-shabnam-cart .shcd-service-card { background: radial-gradient(ellipse at 100% 0, #e7d5fa4d, transparent 70%), #fff; border: 1px solid #dbc6e9; color: #36223f; box-shadow: none; }
html.shcd-theme #order-shabnam-cart .shcd-service-card:hover { border-color: #a567cc; background: linear-gradient(140deg, #fff, #faf4ff); }
html.shcd-theme #order-shabnam-cart :is(.shcd-product-description,.shcd-product-note) { color: #655172; font-size: 16px; }
html.shcd-theme #order-shabnam-cart .shcd-product-price { color: #7737a0; }
html.shcd-theme #order-shabnam-cart .shcd-section-kicker { color: #7b429a; }
html.shcd-theme #order-shabnam-cart .shcd-text-link { color: #7332a5 !important; }
html.shcd-theme #order-shabnam-cart .shcd-filter { background: #fff; color: #3c2846; border-color: #d6bde7; font-size: 16px; }
html.shcd-theme #order-shabnam-cart .shcd-filter::placeholder { color: #7c6588; }
html.shcd-theme #order-shabnam-cart .shcd-service-icon { background: #f2e5fb; color: #8944b6; border-color: #dec1ef; }
html.shcd-theme #order-shabnam-cart .shcd-search-empty { background: #fff; color: #735582; border-color: #ceb2e1; }
html.shcd-theme #order-shabnam-cart .shcd-btn-quiet { color: #72428a !important; background: #f6effb !important; border-color: #d7bce9; }
html.shcd-theme[dir=rtl] #order-shabnam-cart .cart-body { float: left; }
html.shcd-theme[dir=rtl] #order-shabnam-cart .cart-sidebar { float: right; }
/* Public pages fully own their dark surfaces; no white Bootstrap body layer leaks in. */
html.shcd-marketing #main-body { padding: 0; margin: 0; min-height: 0; background: transparent !important; color: #fbf8ff !important; }
html.shcd-marketing :is(#header,#footer,.master-breadcrumb,.home-domain-search,.sidebar-secondary) { display: none; }
html.shcd-marketing #main-body > .container { max-width: none; width: 100%; padding: 0; }
html.shcd-marketing #main-body > .container > .row { margin: 0; }
html.shcd-marketing #main-body > .container > .row > div:has(> .sidebar) { display: none; }
html.shcd-marketing #main-body .primary-content { width: 100%; max-width: 100%; padding: 0; flex: 0 0 100%; margin: 0; }
/* Dedicated sign-in composition; native actions, CAPTCHA and linked accounts stay intact. */
html.shcd-auth :is(#header,.master-breadcrumb) { display: none; }
html.shcd-auth #main-body { background: radial-gradient(ellipse at 15% 20%, #662e9b33, transparent 70%), #140d22 !important; padding: 54px 0 62px; }
html.shcd-auth .shcd-auth-shell { display: grid; grid-template-columns: .95fr 1.05fr; max-width: 1080px; margin: auto; border: 1px solid #ba83d83d; border-radius: 26px; overflow: hidden; box-shadow: 0 14px 38px #09031324; }
html.shcd-auth .shcd-auth-story { position: relative; display: flex; flex-direction: column; justify-content: center; gap: 22px; padding: 50px 42px; background: radial-gradient(ellipse at 80% 15%, #ab56c74d, transparent 70%), linear-gradient(145deg, #321944, #1c102c); color: #eee0fa; overflow: hidden; }
html.shcd-auth .shcd-auth-story:before { content: ''; position: absolute; width: 300px; height: 300px; border: 1px solid #cb8df02b; border-radius: 50%; top: -130px; inset-inline-end: -100px; pointer-events: none; }
html.shcd-auth .shcd-auth-story img { border-radius: 23px; width: 76px; height: 76px; }
html.shcd-auth #main-body .shcd-auth-story h2 { color: #f3dfff !important; font-size: 34px; line-height: 1.6; margin: 0; }
html.shcd-auth .shcd-auth-story p { color: #d9bfeb; font-size: 18px; line-height: 2; margin: 0; }
html.shcd-auth .shcd-auth-story ul { list-style: none; margin: 5px 0 0; padding: 0; display: grid; gap: 17px; }
html.shcd-auth .shcd-auth-story li { display: flex; align-items: center; gap: 12px; color: #eedcf9; font-size: 16px; }
html.shcd-auth .shcd-auth-story li i { display: grid; place-items: center; width: 37px; height: 37px; border: 1px solid #b57fda55; border-radius: 10px; background: #bc6ee319; color: #dfb2fa; flex-shrink: 0; }
html.shcd-auth .shcd-auth-story .shcd-text-link { color: #eac8ff !important; margin-top: 10px; }
html.shcd-auth .shcd-auth-card { background: #fff; color: #302039; padding: 45px 44px 32px; min-width: 0; color-scheme: light; }
html.shcd-auth .shcd-auth-kicker { display: inline-flex; align-items: center; gap: 8px; border: 1px solid #e4cdef; border-radius: 100px; padding: 5px 12px; color: #7c3f9e; background: #f8f0fd; font-size: 14px; margin-bottom: 17px; }
html.shcd-auth #main-body .shcd-auth-card h1 { font-size: 32px; margin-bottom: 6px; }
html.shcd-auth .shcd-auth-intro { color: #706079; font-size: 17px; margin-bottom: 28px; }
html.shcd-auth .shcd-auth-card .form-group { margin-bottom: 22px; }
html.shcd-auth .shcd-auth-label-row { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin-bottom: 8px; }
html.shcd-auth .shcd-auth-label-row label { font-size: 16px; margin: 0; }
html.shcd-auth .shcd-auth-label-row a { font-size: 14px; }
html.shcd-auth .shcd-auth-input { display: flex; align-items: center; border: 1px solid #d7c6e2; background: #fff; border-radius: 12px; min-height: 54px; padding-inline: 14px 5px; transition: border-color .2s; direction: ltr; }
html.shcd-auth .shcd-auth-input:focus-within { border-color: #9d59c8; outline: 2px solid #eee0f8; outline-offset: 1px; }
html.shcd-auth .shcd-auth-input > i { color: #9b74b4; font-size: 16px; margin-inline-end: 12px; }
html.shcd-auth #main-body .shcd-auth-input .form-control { min-width: 0; min-height: 51px; border: 0 !important; background: transparent !important; padding: 10px 6px; outline: none !important; box-shadow: none !important; flex: 1; direction: ltr; text-align: left; }
html.shcd-auth .shcd-password-toggle { display: grid; place-items: center; width: 44px; height: 44px; border: 0; border-radius: 9px; background: transparent; color: #815794; flex-shrink: 0; }
html.shcd-auth .shcd-password-toggle:hover { background: #f1e6f8; color: #5e2d7e; }
html.shcd-auth .shcd-auth-remember { display: flex; align-items: center; gap: 10px; font-size: 16px; margin: 4px 0 24px; min-height: 30px; cursor: pointer; }
html.shcd-auth .shcd-auth-remember input { margin: 0; }
html.shcd-auth .shcd-auth-submit { width: 100%; min-height: 52px !important; display: flex; align-items: center; justify-content: center; gap: 12px; font-size: 17px !important; }
html.shcd-auth .shcd-auth-registration { border-top: 1px solid #eee4f4; margin-top: 26px; padding-top: 22px; font-size: 16px; text-align: center; color: #75607f; }
html.shcd-auth .shcd-auth-registration a { font-weight: 700; margin-inline-start: 6px; }
html.shcd-auth .shcd-auth-help { display: block; text-align: center; margin-top: 18px; font-size: 14px; }
html.shcd-auth .shcd-auth-help i { margin-inline-end: 6px; }
html.shcd-auth .shcd-auth-card .providerLinkingFeedback { margin-bottom: 0; }
html.shcd-auth .shcd-auth-card .providerLinkingFeedback:empty { display: none; }
html.shcd-auth .shcd-auth-card .linked-account-form { margin-top: 20px; }
html.shcd-auth .shcd-login-form { max-width: none; width: 100%; margin: 0; }
html.shcd-auth[dir=ltr] .shcd-auth-submit .fa-arrow-left { transform: scaleX(-1); }
html.shcd-auth .shcd-footer { margin-top: 0; }
@media (min-width: 1200px) {
  html.shcd-theme #header .navbar-nav { flex-wrap: wrap; }
}
@media (max-width: 1199px) {
  html.shcd-theme #header .navbar-nav { gap: 3px; }
  html.shcd-theme #header .shcd-secondary-nav { margin-inline-start: 0; }
  html.shcd-theme #header .dropdown-menu { position: static; margin: 4px 0 8px; }
  html.shcd-theme #header #mainNavbar { padding-block: 10px; }
}
@media (max-width: 900px) {
  html.shcd-auth .shcd-auth-story { padding: 35px 28px; }
  html.shcd-auth .shcd-auth-card { padding: 36px 28px 28px; }
  html.shcd-auth #main-body .shcd-auth-story h2 { font-size: 28px; }
  html.shcd-theme #order-shabnam-cart .shcd-service-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 650px) {
  html.shcd-theme:not(.shcd-marketing) #main-body { padding-block: 25px 38px; }
  html.shcd-theme #main-body .primary-content { min-width: 0; }
  .shcd-native-toolbar { gap: 10px; padding: 13px 15px; flex-wrap: wrap; }
  .shcd-native-toolbar form { max-width: 100%; order: 2; flex-basis: 100%; }
  .shcd-native-toolbar-actions { width: 100%; justify-content: space-between; }
  html.shcd-theme #header .topbar .d-flex { flex-wrap: wrap; gap: 12px; }
  html.shcd-theme #header .active-client .input-group { flex-wrap: wrap; }
  html.shcd-theme #header .navbar-nav > li > a { font-size: 17px; }
  html.shcd-theme .master-breadcrumb { padding-inline: 5px; font-size: 14px; }
  html.shcd-theme #order-shabnam-cart .shcd-service-grid { grid-template-columns: 1fr; }
  html.shcd-theme #order-shabnam-cart .cart-body { width: 100%; }
  html.shcd-theme #order-shabnam-cart .cart-sidebar { width: 100%; }
  html.shcd-theme #order-shabnam-cart .shcd-section-top h1 { font-size: 28px; }
  html.shcd-auth .shcd-auth-shell { grid-template-columns: 1fr; border-radius: 20px; }
  html.shcd-auth .shcd-auth-card { grid-row: 1; padding: 30px 23px; }
  html.shcd-auth .shcd-auth-story { padding: 30px 24px; gap: 18px; }
  html.shcd-auth .shcd-auth-story img { width: 56px; height: 56px; border-radius: 17px; }
  html.shcd-auth #main-body .shcd-auth-story h2 { font-size: 26px; }
  html.shcd-auth .shcd-auth-story p { font-size: 16px; }
  html.shcd-auth .shcd-auth-story ul { gap: 12px; }
  html.shcd-auth #main-body .shcd-auth-card h1 { font-size: 29px; }
}