:root {
    --solares-ink: #031c17;
    --solares-ink-2: #062a21;
    --solares-card: #0a382c;
    --solares-card-soft: #0d4335;
    --solares-line: rgba(109, 221, 176, .22);
    --solares-green: #5bd5a3;
    --solares-cyan: #42d9ff;
    --solares-gold: #ffc447;
    --solares-text: #f6fbf8;
    --solares-muted: #a8c3ba;
}

body { background-color: var(--solares-ink); }

.solares-shell-header {
    position: sticky;
    top: 0;
    z-index: 1045;
    background: rgba(2, 25, 20, .96);
    border-bottom: 1px solid var(--solares-line);
    box-shadow: 0 12px 30px rgba(0, 0, 0, .2);
    backdrop-filter: blur(18px);
}
.solares-shell-header-inner {
    width: min(1440px, calc(100% - 32px));
    min-height: 76px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 28px;
}
.solares-shell-logo { display: inline-flex; align-items: center; flex: 0 0 auto; }
.solares-shell-logo img { width: 150px; height: auto; display: block; }
.solares-shell-shortcuts { display: flex; align-items: center; gap: 6px; margin-left: auto; }
.solares-shell-shortcuts a {
    color: var(--solares-muted);
    font-weight: 700;
    font-size: 14px;
    padding: 11px 15px;
    border-radius: 999px;
    text-decoration: none;
}
.solares-shell-shortcuts a:hover,
.solares-shell-shortcuts a.is-active { color: var(--solares-text); background: rgba(91, 213, 163, .13); }
.solares-shell-actions { display: flex; align-items: center; gap: 12px; margin-left: auto; }
.solares-shell-shortcuts + .solares-shell-actions { margin-left: 0; }
.solares-shell-menu-button {
    min-height: 48px;
    display: flex;
    align-items: center;
    gap: 12px;
    border: 1px solid rgba(255, 196, 71, .45);
    border-radius: 999px;
    padding: 6px 15px 6px 17px;
    background: rgba(255, 196, 71, .07);
    color: var(--solares-text);
}
.solares-shell-menu-button:hover,
.solares-shell-menu-button.is-open { background: var(--solares-gold); color: var(--solares-ink); }
.solares-shell-user { display: flex; flex-direction: column; line-height: 1.1; max-width: 150px; overflow: hidden; text-overflow: ellipsis; }
.solares-shell-user small { color: var(--solares-green); font-size: 9px; letter-spacing: .15em; }
.solares-shell-menu-button:hover .solares-shell-user small,
.solares-shell-menu-button.is-open .solares-shell-user small { color: var(--solares-ink); }
.solares-shell-menu-icon { width: 19px; display: grid; gap: 4px; }
.solares-shell-menu-icon i { display: block; height: 2px; border-radius: 2px; background: currentColor; }
.solares-shell-menu-word { font-weight: 800; font-size: 13px; }
.solares-shell-login { color: var(--solares-ink); background: var(--solares-gold); padding: 11px 20px; border-radius: 999px; font-weight: 800; }
.solares-shell-backdrop {
    position: fixed;
    inset: 76px 0 0;
    border: 0;
    background: rgba(0, 10, 8, .68);
    z-index: 1040;
}
.solares-shell-menu {
    position: fixed;
    z-index: 1046;
    right: max(16px, calc((100vw - 1440px) / 2 + 16px));
    top: 88px;
    width: min(520px, calc(100vw - 32px));
    max-height: calc(100vh - 106px);
    overflow: auto;
    padding: 22px;
    border: 1px solid rgba(91, 213, 163, .3);
    border-radius: 24px;
    background: linear-gradient(145deg, #073529, #021b16 72%);
    box-shadow: 0 30px 80px rgba(0, 0, 0, .55);
}
.solares-shell-menu-heading { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 18px; }
.solares-shell-menu-heading div { display: flex; flex-direction: column; }
.solares-shell-menu-heading span { color: var(--solares-gold); text-transform: uppercase; letter-spacing: .15em; font-size: 10px; font-weight: 900; }
.solares-shell-menu-heading strong { color: var(--solares-text); font-size: 22px; }
.solares-shell-menu-heading button { border: 0; background: transparent; color: var(--solares-muted); font-size: 34px; line-height: 1; }
.solares-shell-menu-grid { display: grid; grid-template-columns: 1fr; gap: 7px; }
.solares-shell-menu-grid a {
    min-height: 50px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 13px 15px;
    border: 1px solid var(--solares-line);
    border-radius: 16px;
    color: var(--solares-text);
    background: rgba(255, 255, 255, .025);
    font-weight: 750;
    text-decoration: none;
}
.solares-shell-menu-grid a:hover,
.solares-shell-menu-grid a.is-active { border-color: var(--solares-green); background: rgba(91, 213, 163, .12); }
.solares-shell-menu-grid i { width: 20px; color: var(--solares-green); text-align: center; }
.solares-shell-onboarding-callout { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; padding: 12px 14px; border-radius: 13px; background: var(--solares-gold); color: var(--solares-ink); text-decoration: none; font-weight: 900; }
.solares-shell-more-toggle { min-height: 50px; display: grid; grid-template-columns: 20px 1fr 20px; align-items: center; gap: 12px; width: 100%; padding: 13px 15px; border: 1px solid var(--solares-line); border-radius: 16px; color: var(--solares-text); background: rgba(255,255,255,.025); text-align: left; font: inherit; font-weight: 800; }
.solares-shell-more-toggle i { color: var(--solares-green); text-align: center; }
.solares-shell-more-toggle.is-active { border-color: var(--solares-green); background: rgba(91,213,163,.12); }
.solares-shell-more-panel { display: grid; gap: 14px; margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--solares-line); }
.solares-shell-more-panel section { margin: 0; }
.solares-shell-more-panel section > span { display: block; margin-bottom: 6px; color: var(--solares-muted); text-transform: uppercase; letter-spacing: .11em; font-size: 9px; font-weight: 900; }
.solares-shell-more-panel section > div { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.solares-shell-more-panel section a { min-height: 42px; display: flex; align-items: center; gap: 8px; padding: 9px 11px; border: 1px solid var(--solares-line); border-radius: 11px; color: var(--solares-text); text-decoration: none; font-size: 12px; }
.solares-shell-more-panel section a.is-active { border-color: var(--solares-green); background: rgba(91,213,163,.12); }
.solares-shell-more-panel section a i { width: 16px; color: var(--solares-green); text-align: center; }
.solares-shell-launchpad { margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--solares-line); }
.solares-shell-launchpad > span { color: var(--solares-muted); text-transform: uppercase; letter-spacing: .12em; font-size: 10px; font-weight: 900; }
.solares-shell-launchpad > div { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 9px; }
.solares-shell-launchpad a { display: inline-flex; align-items: center; gap: 7px; color: var(--solares-text); border: 1px solid var(--solares-line); border-radius: 999px; padding: 7px 11px; font-size: 12px; }
.solares-shell-launchpad img { width: 22px; height: 22px; object-fit: contain; border-radius: 50%; }
.solares-shell-launchpad-fallback { width: 22px; height: 22px; flex: 0 0 22px; display: grid; place-items: center; border-radius: 50%; background: #15513f; color: var(--solares-green); font-size: 11px; font-weight: 900; }
.solares-shell-more-panel .solares-shell-launchpad { margin: 0; padding: 0; border: 0; }
.solares-shell-more-panel .solares-shell-launchpad > div { display: grid; grid-template-columns: 1fr; }
.solares-shell-more-panel .solares-shell-launchpad a { border-radius: 11px; }
.solares-shell-more-panel .solares-shell-launchpad a small { margin-left: auto; color: var(--solares-muted); }
.solares-entry-choice .solares-shell-shortcuts,
.solares-entry-choice .solares-shell-menu-button { display: none; }
.solares-menu-open .mini-pergent { display: none !important; }
body.solares-focused-flow #scrollUp { display: none !important; }
.solares-shell-logout { width: 100%; margin-top: 14px; padding: 12px; border: 0; border-radius: 14px; background: transparent; color: #ff9d9d; font-weight: 800; }
.solares-shell-logout:hover { background: rgba(220, 53, 69, .12); }
.solares-shell-logout-modal .modal-content { background: #073529; border: 1px solid var(--solares-line); color: var(--solares-text); }

body.solares-member-shell {
    background: radial-gradient(circle at 8% 0%, rgba(41, 120, 91, .25), transparent 38%), var(--solares-ink) !important;
    color: var(--solares-text);
}
body.solares-member-shell .tm-header { display: none !important; }
body.solares-member-shell .membershpipPage,
body.solares-member-shell .transactionPage,
body.solares-member-shell .cust-container-fluid {
    background: transparent !important;
    color: var(--solares-text);
}
body.solares-member-shell .membershpipPageContent,
body.solares-member-shell .transactionPageContent,
body.solares-member-shell .support-content-bottom-space,
body.solares-member-shell .training-videos {
    width: min(1180px, calc(100% - 32px));
    margin-left: auto !important;
    margin-right: auto !important;
}
body.solares-member-shell .mBackDesign1,
body.solares-member-shell .mBackDesign2,
body.solares-member-shell .mBackDesign3,
body.solares-member-shell .mBackDesign4,
body.solares-member-shell .mBackDesign5,
body.solares-member-shell [class*="support-center-ellipse"] { display: none !important; }
body.solares-member-shell .pf-column-container,
body.solares-member-shell .pf-column-content,
body.solares-member-shell .pf-frame,
body.solares-member-shell .solares-news-card,
body.solares-member-shell .tutorial-video,
body.solares-member-shell .accordionQBox,
body.solares-member-shell .table-responsive,
body.solares-member-shell .voucher-history-tab {
    background: rgba(8, 52, 41, .88) !important;
    border: 1px solid var(--solares-line) !important;
    border-radius: 20px !important;
    box-shadow: none !important;
}
body.solares-member-shell .pf-frame-header,
body.solares-member-shell .support-center-heading,
body.solares-member-shell .training-videos-heading,
body.solares-member-shell .tutorial-title,
body.solares-member-shell .tutorial-heading,
body.solares-member-shell h1,
body.solares-member-shell h2,
body.solares-member-shell h3,
body.solares-member-shell h4,
body.solares-member-shell h5 { color: var(--solares-text) !important; }
body.solares-member-shell p,
body.solares-member-shell label,
body.solares-member-shell .adressSubDeatil,
body.solares-member-shell .tutorial-description,
body.solares-member-shell .support-center-content,
body.solares-member-shell .msection6desc,
body.solares-member-shell .msection7desc { color: var(--solares-muted) !important; }
body.solares-member-shell a { color: var(--solares-green); }
body.solares-member-shell .form-control,
body.solares-member-shell .form-select,
body.solares-member-shell select,
body.solares-member-shell textarea,
body.solares-member-shell .input-group-text {
    background: #f7fbf9 !important;
    color: #123229 !important;
    border-color: rgba(91, 213, 163, .42) !important;
}
html body.solares-member-shell input.form-control,
html body.solares-member-shell textarea.form-control,
html body.solares-member-shell select.form-control {
    background-color: #f7fbf9 !important;
    color: #123229 !important;
    border-color: rgba(91, 213, 163, .42) !important;
}
html body.solares-member-shell .my-profile-form-container input.form-control:disabled {
    background-color: #dcebe5 !important;
    color: #315349 !important;
    border-color: rgba(91, 213, 163, .42) !important;
    opacity: .88 !important;
}
body.solares-member-shell .pf-button,
body.solares-member-shell .btn-primary,
body.solares-member-shell .voucher-history-tabbtn.active,
body.solares-member-shell .btn-light {
    background: var(--solares-gold) !important;
    color: var(--solares-ink) !important;
    border-color: var(--solares-gold) !important;
}
body.solares-member-shell .voucher-history-tabbtn { color: var(--solares-muted) !important; border-radius: 999px !important; }
body.solares-member-shell .tabButton.tabActive,
body.solares-member-shell .btn-purple-md,
body.solares-member-shell .voucher-button {
    background: var(--solares-gold) !important;
    color: var(--solares-ink) !important;
    border-color: var(--solares-gold) !important;
}
body.solares-member-shell .transaction-link {
    background: rgba(91, 213, 163, .1) !important;
    color: var(--solares-green) !important;
    border-color: rgba(91, 213, 163, .42) !important;
}
body.solares-member-shell .inner-content.custom-col,
body.solares-member-shell .user-card-icon,
body.solares-member-shell .faProfilIcon {
    background: #0d4335 !important;
    border-color: rgba(91, 213, 163, .28) !important;
}
body.solares-member-shell .progress-custom { background: rgba(91, 213, 163, .16) !important; border-color: rgba(91, 213, 163, .24) !important; }
body.solares-member-shell .pf-content,
body.solares-member-shell .pf-column-container,
body.solares-member-shell .pf-column-content { box-shadow: none !important; border-color: rgba(91, 213, 163, .24) !important; }
body.solares-member-shell table,
body.solares-member-shell th,
body.solares-member-shell td { color: var(--solares-text) !important; border-color: var(--solares-line) !important; }
body.solares-member-shell thead,
body.solares-member-shell thead tr,
body.solares-member-shell thead th { background: #15513f !important; color: var(--solares-text) !important; }
body.solares-member-shell .footer { background: #03231c !important; border-top: 1px solid var(--solares-line); }
.tm-footer-bottomarea { border-top-color: rgba(91, 213, 163, .45) !important; }
body.solares-member-shell .footer::before,
body.solares-member-shell .footer::after { background: var(--solares-green) !important; }
body.solares-member-shell .membershpipPage .nav-spacing { padding-top: 18px !important; }
body.solares-member-shell .membershpipPage .cockpit-top-tabs { margin-top: 0 !important; }
body.solares-member-shell .club-benefit-image-fallback { display: grid; place-items: center; color: var(--solares-green); font-size: clamp(28px, 7vw, 54px); font-weight: 900; letter-spacing: .04em; background: linear-gradient(145deg, #123f32, #08271f) !important; border: 1px solid var(--solares-line); }

@media (max-width: 900px) {
    .solares-shell-shortcuts { display: none; }
    .solares-shell-header-inner { min-height: 68px; width: min(100% - 24px, 1440px); gap: 12px; }
    .solares-shell-logo img { width: 124px; }
    .solares-shell-actions,
    .solares-shell-shortcuts + .solares-shell-actions { margin-left: auto; gap: 8px; }
    .solares-shell-user { display: none; }
    .solares-shell-menu-button { padding: 9px 13px; min-height: 44px; }
    .solares-shell-backdrop { inset-block-start: 68px; }
    .solares-shell-menu { top: 78px; right: 12px; width: calc(100vw - 24px); max-height: calc(100vh - 90px); padding: 18px; }
}

@media (max-width: 520px) {
    .solares-shell-logo img { width: 104px; }
    .solares-shell-menu-word { display: none; }
    .solares-shell-menu { top: 74px; max-height: calc(100dvh - 82px); padding: 14px; border-radius: 18px; }
    .solares-shell-menu-heading { margin-bottom: 12px; }
    .solares-shell-menu-heading strong { font-size: 18px; }
    .solares-shell-menu-grid { grid-template-columns: 1fr; gap: 6px; }
    .solares-shell-menu-grid a { min-height: 46px; gap: 9px; padding: 9px 11px; border-radius: 12px; font-size: 13px; line-height: 1.2; }
    .solares-shell-menu-grid i { width: 16px; }
    .solares-shell-more-toggle { min-height: 46px; padding: 9px 11px; border-radius: 12px; font-size: 13px; }
    .solares-shell-more-panel section > div { grid-template-columns: 1fr; }
    .solares-shell-launchpad { margin-top: 12px; padding-top: 10px; }
    .solares-shell-launchpad > div { gap: 6px; margin-top: 7px; }
    .solares-shell-launchpad a { max-width: 100%; padding: 6px 9px; font-size: 11px; overflow-wrap: anywhere; }
    .solares-shell-launchpad img { width: 18px; height: 18px; }
    .solares-shell-logout { margin-top: 8px; padding: 10px; }
    body.solares-member-shell .membershpipPageContent,
    body.solares-member-shell .transactionPageContent,
    body.solares-member-shell .support-content-bottom-space,
    body.solares-member-shell .training-videos { width: min(100% - 24px, 1180px); }
    body.solares-member-shell .membershpipPage { padding-top: 8px !important; }
    body.solares-member-shell .membershpipPage .nav-spacing { padding-top: 6px !important; }
    body.solares-member-shell .cockpit-top-tabs .nav-item { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; padding: 5px 0; }
    body.solares-member-shell .cockpit-top-tabs .tabButton { width: 100%; min-height: 44px; margin: 0 !important; padding: 8px 6px !important; font-size: 12px !important; line-height: 1.15; }
    body.solares-member-shell .club-benefit-media-row { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
    body.solares-member-shell .club-benefit-media-row .partner-card-image { height: 104px; padding: 6px; }
}

/* NETSOL ist ein eigener Arbeitsbereich und liegt mobil ohne violetten Zwischenrahmen. */
body.solares-member-shell .netsol-page { padding-top: 22px; background: radial-gradient(circle at 75% 20%, rgba(55,183,127,.16), transparent 34%), var(--solares-ink) !important; }
body.solares-member-shell .netsol-page-app { border-color: var(--solares-line); background: #f7fbf9; }
body.solares-member-shell .netsol-accepted-note { background: #083228; color: var(--solares-text); }
@media (max-width: 520px) {
    body.solares-member-shell .netsol-page { padding: 8px 0 0; }
    body.solares-member-shell .netsol-page-shell { width: 100%; }
    body.solares-member-shell .netsol-page-app { margin-top: 0; border-left: 0; border-right: 0; border-radius: 0; }
    body.solares-member-shell .netsol-page-app iframe { min-height: calc(100dvh - 68px); height: calc(100dvh - 68px); }
    body.solares-member-shell .netsol-accepted-note { padding: 10px 14px; font-size: 12px; line-height: 1.45; text-align: left; }
}
.direct-member-count-header{font-size:clamp(20px,3.1vw,28px)!important;line-height:1.14!important;padding-bottom:12px!important}.direct-member-count-header span,.direct-member-count-header small{display:block}.direct-member-count-header small{margin-top:6px;color:#8fb6a5;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.direct-members-container .pf-content{padding:clamp(18px,3vw,28px)!important}.direct-members-heading{display:flex;align-items:center;gap:18px;margin-bottom:18px}.direct-members-heading .user-card-icon{position:static;flex:none}.direct-members-heading span,.direct-members-heading small{display:block}.direct-members-heading span{color:#fff;font-size:clamp(24px,4vw,34px);font-weight:900;letter-spacing:.04em}.direct-members-heading small{margin-top:3px;color:#8fb6a5;font-size:12px}.direct-members-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.direct-member-group{padding:20px;border:1px solid rgba(107,224,171,.22);border-radius:17px;background:#0a3025}.direct-member-group h3{margin:0 0 15px;color:#fff!important;font-size:22px}.direct-member-group>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid rgba(255,255,255,.08)}.direct-member-group span{color:#abc5b8;font-size:14px}.direct-member-group strong{color:#fff;font-size:25px}.direct-member-full{border-color:rgba(242,188,66,.32)}.direct-member-full h3{color:#f2c65d!important}@media(max-width:520px){.direct-members-container .pf-content{padding:13px 10px!important}.direct-members-heading{align-items:center;gap:9px;margin-bottom:10px}.direct-members-heading .user-card-icon{font-size:19px;padding:9px}.direct-members-heading span{font-size:19px}.direct-members-heading small{display:none}.direct-members-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.direct-member-group{min-width:0;padding:10px 9px;border-radius:12px}.direct-member-group h3{margin-bottom:7px;font-size:14px;line-height:1.15;white-space:nowrap}.direct-member-group>div{gap:5px;padding:5px 0}.direct-member-group span{font-size:10px}.direct-member-group strong{font-size:17px}}
.rank-progress-card .pf-content{padding:clamp(18px,3vw,28px)!important}.rank-benefit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:14px 0}.rank-benefit-item{min-width:0;padding:14px 8px;border-radius:13px;background:rgba(4,46,35,.64)}.rank-benefit-item .user-card-subtitle{font-size:clamp(18px,2vw,25px)!important;line-height:1.15!important}.rank-benefit-item .badge-status-text{font-size:13px!important;line-height:1.35!important}.rank-challenge-link{display:inline-flex!important;align-items:center;justify-content:center;width:fit-content!important;min-width:0!important;max-width:160px!important;min-height:36px;margin-top:13px;padding:7px 13px;border-radius:9px;background:#f2bd43;color:#08271f!important;font-size:13px;font-weight:900;text-decoration:none!important}.rank-challenge-link:hover{background:#ffd263;color:#08271f!important}@media(max-width:520px){.rank-progress-card .pf-content{padding:13px 10px!important}.rank-progress-card .pf-frame-header{font-size:22px!important;line-height:1.15!important}.rank-benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:10px 0}.rank-benefit-item{padding:9px 6px;border-radius:10px}.rank-benefit-item .user-card-subtitle{padding-bottom:4px!important;font-size:17px!important;line-height:1.15!important}.rank-benefit-item .badge-status-text{font-size:11px!important;line-height:1.25!important}.rank-progress-card .progress-custom{margin-top:10px!important}.rank-progress-card .showWelCome{font-size:11px!important;line-height:1.25!important}.rank-challenge-link{min-height:34px;margin-top:8px;padding:6px 11px;font-size:12px}}
body.solares-member-shell .badge-image{right:24px!important;width:84px!important;height:auto!important;max-width:84px!important}@media(max-width:520px){body.solares-member-shell .badge-image{top:56px!important;right:68px!important;width:54px!important;max-width:54px!important}}
body.solares-member-shell .mini-pergent { display: none !important; }

/* Mobile typography parity: cards, controls and their text use one compact rhythm. */
@media (max-width: 520px) {
    body.solares-member-shell .securityPage .pf-content { padding: 14px 12px !important; }
    body.solares-member-shell .securityPage .pf-frame-header {
        font-size: 20px !important;
        line-height: 1.2 !important;
    }
    body.solares-member-shell .securityPage .ga-header {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-areas: "title switch" "status status";
        align-items: center;
        gap: 7px 10px;
        padding-bottom: 0 !important;
    }
    body.solares-member-shell .securityPage .ga-title {
        grid-area: title;
        min-width: 0;
        font-size: 18px !important;
        font-weight: 800;
        line-height: 1.2 !important;
        overflow-wrap: anywhere;
    }
    body.solares-member-shell .securityPage .ga-switch { grid-area: switch; align-self: center; line-height: 1; }
    body.solares-member-shell .securityPage .ga-status {
        position: static !important;
        grid-area: status;
        justify-self: start;
        font-size: 12px !important;
        line-height: 1.2 !important;
    }
    body.solares-member-shell .securityPage .adressSubDeatil {
        font-size: 14px !important;
        line-height: 1.55 !important;
    }
    body.solares-member-shell .securityPage input.form-control,
    body.solares-member-shell .securityPage .input-group-text {
        min-height: 42px !important;
        font-size: 14px !important;
        line-height: 1.3 !important;
    }
    body.solares-member-shell .securityPage .pf-button {
        min-height: 40px !important;
        padding: 8px 16px !important;
        font-size: 14px !important;
        line-height: 1.2 !important;
    }

    body.solares-member-shell .accordionQBox {
        padding: 0 !important;
        border-radius: 14px !important;
        overflow: hidden;
    }
    body.solares-member-shell .accordionQ {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 16px;
        align-items: center;
        gap: 10px;
        min-height: 48px;
        padding: 11px 13px !important;
    }
    body.solares-member-shell .accordionQ > span,
    body.solares-member-shell .faqs-title {
        min-width: 0;
        font-size: 14px !important;
        font-weight: 750 !important;
        line-height: 1.35 !important;
        overflow-wrap: anywhere;
    }
    body.solares-member-shell .accordianArrow {
        position: static !important;
        width: 14px !important;
        height: 14px !important;
        margin: 0 !important;
        justify-self: end;
        object-fit: contain;
    }
    body.solares-member-shell .accordionA,
    body.solares-member-shell .faq-answer {
        margin: 0 !important;
        padding: 0 13px 13px !important;
        font-size: 13px !important;
        line-height: 1.55 !important;
        white-space: pre-line;
    }

    body.solares-member-shell .numbersContent .pf-frame-title {
        font-size: 14px !important;
        line-height: 1.2 !important;
    }
    body.solares-member-shell .numbersContent .numbersContent-header {
        font-size: 22px !important;
        line-height: 1.15 !important;
    }
    body.solares-member-shell .countDownFrame .countNumBox,
    body.solares-member-shell .countDownFrame .time,
    body.solares-member-shell .countDownFrame .time-digits-container { width: 100% !important; }
    body.solares-member-shell .countDownFrame .time-digits-container {
        display: grid !important;
        grid-template-columns: minmax(48px, 1.3fr) 4px minmax(34px, 1fr) 4px minmax(34px, 1fr) 4px minmax(34px, 1fr);
        align-items: end;
        gap: 3px !important;
    }
    body.solares-member-shell .countDownFrame .time-digits-container > div { min-width: 0 !important; }
    body.solares-member-shell .countDownFrame .time-label {
        margin-bottom: 5px !important;
        font-size: 10px !important;
        line-height: 1.15 !important;
        text-align: center;
        white-space: nowrap;
    }
    body.solares-member-shell .countDownFrame .countNum {
        display: flex !important;
        justify-content: center;
        gap: 2px !important;
    }
    body.solares-member-shell .countDownFrame .number {
        width: 18px !important;
        min-width: 18px !important;
        height: 32px !important;
        border-radius: 6px !important;
    }
    body.solares-member-shell .countDownFrame .digit-one-value {
        font-size: 18px !important;
        line-height: 32px !important;
    }
    body.solares-member-shell .countDownFrame .digit-separator-one {
        width: 4px !important;
        min-width: 4px !important;
        padding: 0 !important;
    }
    body.solares-member-shell .countDownFrame .separator-one-value {
        font-size: 15px !important;
        line-height: 32px !important;
    }
    body.solares-member-shell .countDownFrame .btn-purple-md {
        min-height: 40px !important;
        margin-top: 12px !important;
        padding: 8px 15px !important;
        font-size: 14px !important;
        line-height: 1.2 !important;
    }
    body.solares-member-shell .earning-card .transaction-link {
        padding: 8px 11px !important;
        font-size: 12px !important;
        line-height: 1.2 !important;
    }
    body.solares-member-shell .earning-card .totalEarningAmount {
        font-size: 38px !important;
        line-height: 1.05 !important;
    }
}

@media (max-width: 360px) {
    body.solares-member-shell .accordionQ { padding: 10px 11px !important; }
    body.solares-member-shell .accordionQ > span,
    body.solares-member-shell .faqs-title { font-size: 13px !important; }
    body.solares-member-shell .accordionA,
    body.solares-member-shell .faq-answer { padding: 0 11px 11px !important; }
    body.solares-member-shell .countDownFrame .number {
        width: 16px !important;
        min-width: 16px !important;
    }
    body.solares-member-shell .countDownFrame .digit-one-value { font-size: 16px !important; }
}