/* Pirate Pay user shell: one centered table, left menu, inner scroll. */
body.pp-user-body {
    min-width: 0 !important;
    min-height: 100vh !important;
    display: grid !important;
    place-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background:
        radial-gradient(circle at 50% 10%, rgba(126, 78, 10, .16), transparent 34%),
        linear-gradient(180deg, #040302, #120b03 56%, #040302) !important;
}

.pp-app {
    position: relative !important;
    z-index: 0 !important;
    width: clamp(890px, 72vw, 980px) !important;
    max-width: calc(100vw - 24px) !important;
    min-width: 890px !important;
    height: clamp(620px, 80vh, 705px) !important;
    min-height: 620px !important;
    max-height: min(705px, calc(100vh - 12px)) !important;
    display: grid !important;
    grid-template-columns: 148px minmax(0, 1fr) !important;
    grid-template-rows: 46px minmax(0, 1fr) !important;
    gap: 0 !important;
    margin: 0 auto !important;
    padding: 0 !important;
    border: 1px solid var(--pp-line) !important;
    border-radius: 8px !important;
    background:
        linear-gradient(180deg, rgba(18,16,11,.80), rgba(5,4,3,.94)),
        url('/load/img/pp-ai-map-texture.png') center / cover,
        linear-gradient(180deg, rgba(255, 190, 34, .04), rgba(255, 190, 34, .01)),
        linear-gradient(180deg, #12100b, #050403) !important;
    box-shadow: 0 18px 60px rgba(0,0,0,.62), inset 0 0 0 1px rgba(255,255,255,.025) !important;
    overflow: visible !important;
}

.pp-app::before {
    content: "" !important;
    position: absolute !important;
    inset: -3px !important;
    z-index: -1 !important;
    border: 1px solid rgba(246, 180, 11, .62) !important;
    border-radius: 10px !important;
    background:
        linear-gradient(180deg, rgba(255,190,34,.035), rgba(255,190,34,.008)),
        rgba(0,0,0,.56) !important;
    box-shadow:
        0 0 0 1px rgba(0,0,0,.88),
        0 0 34px rgba(246,180,11,.12) !important;
    pointer-events: none !important;
}

.pp-app::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: 8px !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.035) !important;
    pointer-events: none !important;
}

.pp-sidebar {
    position: relative !important;
    grid-column: 1 !important;
    grid-row: 1 / 3 !important;
    top: auto !important;
    height: 100% !important;
    min-height: 0 !important;
    border: 0 !important;
    border-right: 1px solid var(--pp-line) !important;
    border-radius: 0 !important;
    background:
        linear-gradient(180deg, rgba(255, 190, 34, .04), rgba(255, 190, 34, .01)),
        linear-gradient(180deg, #11100d, #050403) !important;
    overflow: hidden !important;
    z-index: 1 !important;
}

.pp-brand {
    height: 46px !important;
    border-bottom: 1px solid var(--pp-line) !important;
}

.pp-brand-text {
    font-size: 16px !important;
}

.pp-nav {
    max-height: 540px !important;
    padding: 5px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

.pp-nav-link {
    height: 26px !important;
    font-size: 8px !important;
}

.pp-sidebar-bonus {
    margin: 6px !important;
}

#content.pp-main,
.pp-main {
    grid-column: 2 !important;
    grid-row: 2 !important;
    width: auto !important;
    min-width: 0 !important;
    height: 100% !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 3px 4px 4px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: auto !important;
    overscroll-behavior: contain !important;
    z-index: 1 !important;
}

.pp-main > * {
    min-width: 716px;
}

.pp-topbar {
    grid-column: 2 !important;
    grid-row: 1 !important;
    position: relative !important;
    top: auto !important;
    z-index: 5 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 5px !important;
    height: 46px !important;
    margin: 0 !important;
    padding: 5px 6px !important;
    border-bottom: 1px solid var(--pp-line) !important;
    border-left: 1px solid var(--pp-line) !important;
    background: linear-gradient(180deg, rgba(18,16,11,.98), rgba(18,16,11,.9)) !important;
}

.pp-topbar::before {
    display: none !important;
}

.pp-logo-card,
.pp-lang-card,
.pp-card {
    border: 1px solid var(--pp-line) !important;
    border-radius: 6px !important;
    background:
        linear-gradient(180deg, rgba(255, 190, 34, .055), rgba(255, 190, 34, .015)),
        linear-gradient(180deg, var(--pp-panel), #080706) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.025), 0 8px 18px rgba(0,0,0,.22) !important;
}

.pp-logo-card {
    min-height: 42px !important;
    padding: 6px 10px !important;
}

.pp-logo-card img {
    width: 30px !important;
    height: 30px !important;
}

.pp-logo-text {
    font-size: 25px !important;
}

.pp-lang-card {
    width: 344px !important;
    min-height: 34px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 5px !important;
    padding: 0 7px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    white-space: nowrap !important;
    scrollbar-width: thin !important;
}

.pp-lang-card a {
    display: block !important;
    flex: 0 0 auto !important;
    width: 18px !important;
    height: 13px !important;
    line-height: 0 !important;
}

.pp-lang-card img {
    width: 18px !important;
    height: 13px !important;
    display: block !important;
    object-fit: cover !important;
    border-radius: 2px !important;
    box-shadow: 0 0 0 1px rgba(255,255,255,.18) !important;
}

.pp-status-strip {
    flex: 0 0 222px !important;
    min-width: 0 !important;
    height: 34px !important;
    display: grid !important;
    grid-template-columns: repeat(3, 70px) !important;
    gap: 3px !important;
}

.pp-status-cell {
    min-width: 0 !important;
    display: grid !important;
    align-content: center !important;
    gap: 1px !important;
    padding: 3px 5px !important;
    border: 1px solid rgba(240,164,28,.32) !important;
    border-radius: 5px !important;
    background:
        linear-gradient(180deg, rgba(255,190,34,.06), rgba(255,190,34,.014)),
        rgba(0,0,0,.20) !important;
}

.pp-status-cell span {
    color: var(--pp-gold) !important;
    font-size: 6px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
}

.pp-status-cell strong {
    color: var(--pp-text) !important;
    font-size: 9px !important;
    line-height: 1.05 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.pp-panel-title {
    height: 27px !important;
    padding: 0 9px !important;
    border-bottom: 1px solid var(--pp-line) !important;
    font-size: 19px !important;
}

.pp-panel-title img {
    width: 21px !important;
    height: 21px !important;
}

.pp-breadcrumb,
.pp-panel-title small,
.pp-panel-title .pp-breadcrumb {
    display: none !important;
}

.pp-card-body {
    padding: 4px !important;
}

.pp-fold-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 292px !important;
    gap: 4px !important;
    align-items: start !important;
}

.pp-side-stack {
    display: grid !important;
    gap: 4px !important;
}

.pp-mining-compact {
    grid-template-columns: minmax(0, 1fr) 70px minmax(0, 1fr) !important;
    gap: 4px !important;
    padding: 4px !important;
}

.pp-mining-compact .pp-mascot img {
    max-width: 70px !important;
}

.pp-mining-compact .pp-stat-pill {
    min-height: 30px !important;
    padding: 4px 6px !important;
}

.pp-mining-compact .pp-action-value {
    font-size: 17px !important;
}

.pp-info-compact {
    min-height: 0 !important;
    padding: 4px 6px !important;
    background: linear-gradient(180deg, rgba(245,217,168,.94), rgba(221,184,126,.92)) !important;
    font-size: 8px !important;
    line-height: 1.35 !important;
}

.pp-quick-card .pp-panel-title {
    height: 27px !important;
    font-size: 18px !important;
}

.pp-quick-card .pp-card-body {
    padding: 4px 5px !important;
}

.pp-quick-card .pp-list-row {
    min-height: 24px !important;
    padding: 2px 5px !important;
}

.pp-quick-card .pp-btn {
    min-width: 54px !important;
    min-height: 22px !important;
    padding: 0 10px !important;
}

.pp-mining-tools {
    display: grid !important;
    grid-template-columns: 1fr 145px 1fr !important;
    gap: 5px !important;
    margin-top: 5px !important;
}

.pp-tool-box {
    min-height: 82px !important;
    padding: 8px !important;
    border: 1px solid rgba(240,164,28,.34) !important;
    border-radius: 5px !important;
    background:
        linear-gradient(180deg, rgba(255,190,34,.07), rgba(255,190,34,.018)),
        linear-gradient(180deg, #15110a, #070604) !important;
}

.pp-tool-head {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin-bottom: 7px !important;
    color: var(--pp-gold) !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
}

.pp-tool-kpis {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 6px !important;
}

.pp-tool-kpis div {
    padding: 5px 6px !important;
    border: 1px solid rgba(240,164,28,.16) !important;
    border-radius: 4px !important;
    background: rgba(255,255,255,.025) !important;
}

.pp-tool-kpis small,
.pp-flow-status {
    display: block !important;
    color: var(--pp-muted) !important;
    font-size: 7px !important;
    line-height: 1.25 !important;
}

.pp-tool-kpis b {
    display: block !important;
    margin-top: 3px !important;
    color: var(--pp-text) !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
}

.pp-dashboard-page .pp-card-body {
    padding: 6px !important;
}

.pp-dashboard-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
}

.pp-dash-tile {
    min-height: 78px !important;
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 10px !important;
    border: 1px solid rgba(240,164,28,.38) !important;
    border-radius: 6px !important;
    background: linear-gradient(180deg, rgba(255,190,34,.075), rgba(255,190,34,.018)), linear-gradient(180deg, #16120b, #070604) !important;
    color: var(--pp-text) !important;
    text-decoration: none !important;
}

.pp-dash-tile:hover {
    color: var(--pp-text) !important;
    border-color: rgba(255,198,68,.66) !important;
    box-shadow: inset 0 0 0 1px rgba(255,198,68,.14), 0 0 18px rgba(255,182,32,.10) !important;
}

.pp-dash-primary {
    background: radial-gradient(circle at 12% 20%, rgba(255,198,68,.16), transparent 34%), linear-gradient(180deg, rgba(255,190,34,.095), rgba(255,190,34,.025)), linear-gradient(180deg, #18120a, #070604) !important;
}

.pp-dash-icon {
    width: 34px !important;
    height: 34px !important;
    display: grid !important;
    place-items: center !important;
    border: 1px solid rgba(240,164,28,.32) !important;
    border-radius: 50% !important;
    background: rgba(0,0,0,.28) !important;
}

.pp-dash-icon img {
    width: 22px !important;
    height: 22px !important;
    object-fit: contain !important;
}

.pp-dash-tile b,
.pp-dash-tile strong {
    display: block !important;
    color: var(--pp-text) !important;
    font-size: 12px !important;
    line-height: 1.1 !important;
}

.pp-dash-tile strong {
    color: var(--pp-gold) !important;
    text-align: right !important;
    white-space: nowrap !important;
}

.pp-dash-tile small {
    display: block !important;
    margin-top: 3px !important;
    color: var(--pp-muted) !important;
    font-size: 8px !important;
    line-height: 1.25 !important;
}

.pp-dashboard-actions {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 6px !important;
    margin-top: 6px !important;
}

.pp-dashboard-feed {
    margin-top: 6px !important;
    border: 1px solid rgba(240,164,28,.32) !important;
    border-radius: 6px !important;
    overflow: hidden !important;
}

.pp-mining-page .pp-card-body {
    padding: 6px !important;
}

.pp-mine-stage {
    position: relative !important;
    min-height: 472px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 218px minmax(0, 1fr) !important;
    grid-template-rows: 34px 252px minmax(0, 1fr) !important;
    gap: 8px 12px !important;
    padding: 18px !important;
    border: 1px solid rgba(240,164,28,.55) !important;
    border-radius: 8px !important;
    background: radial-gradient(circle at 50% 31%, rgba(255,186,52,.12), transparent 31%), radial-gradient(circle at 92% 88%, rgba(196,117,18,.12), transparent 25%), linear-gradient(180deg, rgba(24,18,9,.82), rgba(5,4,3,.92)), url('/load/img/pp-ai-map-texture.png') center / cover !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.035), inset 0 0 46px rgba(0,0,0,.62) !important;
    overflow: hidden !important;
}

.pp-mine-stage::before,
.pp-mine-stage::after {
    content: "" !important;
    position: absolute !important;
    pointer-events: none !important;
}

.pp-mine-stage::before {
    inset: 10px !important;
    border: 1px solid rgba(240,164,28,.26) !important;
    border-radius: 7px !important;
}

.pp-mine-stage::after {
    right: 32px !important;
    bottom: 26px !important;
    width: 165px !important;
    height: 112px !important;
    background: url('/load/img/vklad3.png') center / contain no-repeat !important;
    opacity: .38 !important;
    filter: drop-shadow(0 16px 22px rgba(0,0,0,.65)) !important;
}

.pp-mine-heading {
    position: relative !important;
    z-index: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #f3c463 !important;
    font-family: Georgia, 'Times New Roman', serif !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    letter-spacing: .03em !important;
    text-transform: uppercase !important;
}

.pp-mine-heading-left {
    grid-column: 1 !important;
    grid-row: 1 !important;
}

.pp-mine-heading-right {
    grid-column: 3 !important;
    grid-row: 1 !important;
}

.pp-mine-heading span {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.pp-mine-heading span::before,
.pp-mine-heading span::after {
    content: "" !important;
    width: 58px !important;
    height: 1px !important;
    background: linear-gradient(90deg, transparent, rgba(240,164,28,.82), transparent) !important;
}

.pp-mine-stats {
    position: relative !important;
    z-index: 1 !important;
    grid-column: 1 !important;
    grid-row: 2 !important;
    display: grid !important;
    gap: 8px !important;
}

.pp-mine-stat {
    min-height: 66px !important;
    display: grid !important;
    grid-template-columns: 48px 1fr auto !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 10px !important;
    border: 1px solid rgba(255,255,255,.14) !important;
    border-radius: 8px !important;
    background: linear-gradient(180deg, rgba(24,19,11,.82), rgba(7,6,4,.90)), linear-gradient(180deg, rgba(255,190,34,.06), rgba(255,190,34,.014)) !important;
    box-shadow: inset 0 0 0 1px rgba(255,198,68,.05), 0 8px 18px rgba(0,0,0,.28) !important;
}

.pp-mine-stat i {
    width: 44px !important;
    height: 44px !important;
    display: grid !important;
    place-items: center !important;
    color: #f3c463 !important;
    font-size: 20px !important;
    border: 1px solid rgba(240,164,28,.55) !important;
    border-radius: 50% !important;
    background: radial-gradient(circle, rgba(255,190,34,.14), rgba(0,0,0,.36)) !important;
}

.pp-mine-stat span {
    color: #f6f2e9 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

.pp-mine-stat b {
    color: #f5c764 !important;
    font-size: 18px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

.pp-mine-character {
    position: relative !important;
    z-index: 1 !important;
    grid-column: 2 !important;
    grid-row: 1 / 3 !important;
    display: grid !important;
    place-items: center !important;
}

.pp-mine-ring {
    width: 218px !important;
    height: 218px !important;
    display: grid !important;
    place-items: center !important;
    border: 2px solid rgba(240,164,28,.78) !important;
    border-radius: 50% !important;
    background: radial-gradient(circle at 50% 52%, rgba(255,190,34,.14), transparent 45%), radial-gradient(circle, rgba(26,18,8,.90), rgba(3,3,2,.94) 68%) !important;
    box-shadow: inset 0 0 0 5px rgba(0,0,0,.52), inset 0 0 0 7px rgba(240,164,28,.30), 0 0 34px rgba(255,184,41,.12) !important;
}

.pp-mine-ring img {
    width: 142px !important;
    max-width: 142px !important;
    height: auto !important;
    filter: drop-shadow(0 18px 16px rgba(0,0,0,.68)) !important;
}

.pp-mine-actions {
    position: relative !important;
    z-index: 1 !important;
    grid-column: 3 !important;
    grid-row: 2 !important;
    display: grid !important;
    gap: 8px !important;
    align-content: start !important;
}

.pp-mine-action {
    padding: 9px 12px !important;
    border: 1px solid rgba(255,255,255,.14) !important;
    border-radius: 8px !important;
    background: linear-gradient(180deg, rgba(24,19,11,.82), rgba(7,6,4,.90)), linear-gradient(180deg, rgba(255,190,34,.06), rgba(255,190,34,.014)) !important;
    text-align: center !important;
}

.pp-mine-value {
    min-height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    color: #fff8eb !important;
    font-size: 28px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}

.pp-mine-value i {
    color: #f1bd45 !important;
    font-size: 23px !important;
}

.pp-mine-button {
    width: 100% !important;
    min-height: 32px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;
    margin-top: 5px !important;
    border: 1px solid rgba(255,226,118,.72) !important;
    border-radius: 7px !important;
    background: linear-gradient(180deg, #ffe178, #f2a900 68%, #a86600) !important;
    color: #150d02 !important;
    font-size: 15px !important;
    font-weight: 1000 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.55), 0 0 16px rgba(255,182,32,.18) !important;
}

.pp-mine-button:hover {
    color: #150d02 !important;
    filter: brightness(1.06) !important;
}

.pp-mine-info {
    position: relative !important;
    z-index: 1 !important;
    grid-column: 1 / 4 !important;
    grid-row: 3 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    align-content: center !important;
    min-height: 0 !important;
    padding: 16px 190px 16px 24px !important;
    border: 1px solid rgba(240,164,28,.46) !important;
    border-radius: 8px !important;
    background: linear-gradient(90deg, rgba(12,10,6,.94), rgba(8,7,4,.82) 58%, rgba(21,12,2,.58)), linear-gradient(180deg, rgba(255,190,34,.055), rgba(255,190,34,.014)) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.025) !important;
}

.pp-mine-info div {
    display: flex !important;
    align-items: center !important;
    gap: 11px !important;
    color: #f6f2e9 !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    letter-spacing: .02em !important;
    text-transform: uppercase !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}

.pp-mine-info i {
    width: 27px !important;
    height: 27px !important;
    flex: 0 0 27px !important;
    display: grid !important;
    place-items: center !important;
    color: #f7c75f !important;
    border: 1px solid rgba(240,164,28,.48) !important;
    border-radius: 50% !important;
    background: rgba(0,0,0,.34) !important;
}

.pp-mine-info b {
    color: #f5b51f !important;
}

.pp-tool-actions {
    display: grid !important;
    gap: 5px !important;
}

.pp-tool-actions .pp-btn {
    width: 100% !important;
}

.pp-tool-progress {
    height: 5px !important;
    margin-top: 7px !important;
    border-radius: 99px !important;
    overflow: hidden !important;
    background: rgba(255,255,255,.12) !important;
}

.pp-tool-progress span {
    display: block !important;
    height: 100% !important;
    border-radius: inherit !important;
    background: linear-gradient(90deg, #7d35ff, var(--pp-gold), #7bff00) !important;
}

.pp-flow-line {
    display: grid !important;
    grid-template-columns: auto 1fr auto 1fr auto !important;
    align-items: center !important;
    gap: 5px !important;
    color: var(--pp-text) !important;
    font-size: 8px !important;
    font-weight: 900 !important;
}

.pp-flow-line i {
    height: 2px !important;
    border-radius: 99px !important;
    background: linear-gradient(90deg, var(--pp-gold), rgba(246,180,11,.15)) !important;
}

#content.pp-main::-webkit-scrollbar,
.pp-nav::-webkit-scrollbar,
.pp-lang-card::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

#content.pp-main::-webkit-scrollbar-thumb,
.pp-nav::-webkit-scrollbar-thumb,
.pp-lang-card::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, var(--pp-gold), #7d35ff);
    border-radius: 99px;
}

#content.pp-main::-webkit-scrollbar-track,
.pp-nav::-webkit-scrollbar-track,
.pp-lang-card::-webkit-scrollbar-track {
    background: rgba(255,255,255,.05);
}

.pp-footer {
    display: none !important;
}

.pp-activity-card {
    margin-top: 5px !important;
}

.pp-activity-table {
    width: 100% !important;
    border-collapse: collapse !important;
    color: var(--pp-text) !important;
    font-size: 10px !important;
}

.pp-activity-table th,
.pp-activity-table td {
    padding: 6px 8px !important;
    border-bottom: 1px solid rgba(240,164,28,.18) !important;
    text-align: left !important;
}

.pp-activity-table th {
    color: var(--pp-gold) !important;
    font-size: 8px !important;
    text-transform: uppercase !important;
}

.pp-activity-table td:nth-child(3),
.pp-activity-table td:nth-child(5) {
    color: var(--pp-green) !important;
    font-weight: 900 !important;
}

/* Shared cleanup layer for older user pages with inline legacy UI. */
.pp-main .bonus-container,
.pp-main .bonus-grid,
.pp-main .row,
.pp-main .col-sm-12,
.pp-main .col-xl-12 {
    max-width: 100% !important;
}

.pp-main .bonus-card,
.pp-main .bonus-card2,
.pp-main .stats-item,
.pp-main .rank-box,
.pp-main .search-section,
.pp-main .alert-box,
.pp-main .ad-item,
.pp-main .card,
.pp-main #content1,
.pp-main #content2 {
    border: 1px solid rgba(240,164,28,.38) !important;
    border-radius: 6px !important;
    background:
        linear-gradient(180deg, rgba(255,190,34,.055), rgba(255,190,34,.012)),
        linear-gradient(180deg, #12100b, #070604) !important;
    color: var(--pp-text) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.025) !important;
}

.pp-main table {
    max-width: 100% !important;
}

.pp-main td,
.pp-main th {
    border-color: rgba(240,164,28,.18) !important;
}

.pp-main input,
.pp-main select,
.pp-main textarea {
    border: 1px solid rgba(240,164,28,.32) !important;
    border-radius: 5px !important;
    background: rgba(0,0,0,.28) !important;
    color: var(--pp-text) !important;
}

.pp-main input[type=submit],
.pp-main button,
.pp-main .btn,
.pp-main .search-btn {
    border: 1px solid #d28a00 !important;
    background: linear-gradient(180deg, #ffd86a, #f4ad09 62%, #b87400) !important;
    color: #140c02 !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
}

/* Legacy page containment: every user page should behave like an inner table cell. */
.pp-main .container,
.pp-main .container-fluid,
.pp-main .content,
.pp-main .content-wrapper,
.pp-main .main-content,
.pp-main .bonus-container,
.pp-main .surf-container,
.pp-main .offerwall-container,
.pp-main #card-container,
.pp-main #content1,
.pp-main #content2 {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 0 8px 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
}

.pp-main [style*="margin-top: -"],
.pp-main [style*="bottom:30px"],
.pp-main [style*="bottom: 30px"],
.pp-main [style*="bottom:70px"],
.pp-main [style*="bottom: 70px"],
.pp-main [style*="bottom:110px"],
.pp-main [style*="bottom: 110px"] {
    margin-top: 0 !important;
    bottom: auto !important;
    top: auto !important;
    position: static !important;
}

.pp-main .row {
    --bs-gutter-x: 8px !important;
    --bs-gutter-y: 8px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.pp-main [class*="col-"] {
    min-width: 0 !important;
}

.pp-main table {
    width: 100% !important;
    min-width: 0 !important;
    border-collapse: collapse !important;
    background: rgba(8,7,5,.45) !important;
}

.pp-main #type_url,
.pp-main #tab,
.pp-main #box,
.pp-main table[id*="type"],
.pp-main table[id*="tab"] {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 8px !important;
    padding: 6px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    border: 1px solid rgba(240,164,28,.34) !important;
    border-radius: 6px !important;
    background:
        linear-gradient(180deg, rgba(255,190,34,.055), rgba(255,190,34,.01)),
        rgba(5,4,3,.72) !important;
    box-sizing: border-box !important;
}

.pp-main #type_url tbody,
.pp-main #tab tbody,
.pp-main #box tbody,
.pp-main table[id*="type"] tbody,
.pp-main table[id*="tab"] tbody,
.pp-main #type_url tr,
.pp-main #tab tr,
.pp-main #box tr,
.pp-main table[id*="type"] tr,
.pp-main table[id*="tab"] tr {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 6px !important;
    min-width: max-content !important;
}

.pp-main #type_url td,
.pp-main #tab td,
.pp-main #box td,
.pp-main table[id*="type"] td,
.pp-main table[id*="tab"] td {
    display: block !important;
    width: auto !important;
    min-width: 118px !important;
    padding: 0 !important;
    border: 0 !important;
    flex: 0 0 auto !important;
}

.pp-main #knp1,
.pp-main #knp,
.pp-main [id^="knp"],
.pp-main .offerwall-nav-scroll,
.pp-main .nav-tabs,
.pp-main .nav-pills,
.pp-main .btn-group {
    position: static !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    width: auto !important;
    max-width: 100% !important;
    min-height: 28px !important;
    margin: 0 !important;
    padding: 5px 8px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    border: 1px solid rgba(240,164,28,.42) !important;
    border-radius: 5px !important;
    background:
        linear-gradient(180deg, rgba(255,190,34,.09), rgba(255,190,34,.018)),
        linear-gradient(180deg, #15110a, #070604) !important;
    color: var(--pp-text) !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}

.pp-main #knp1 a,
.pp-main #knp a,
.pp-main [id^="knp"] a,
.pp-main .offerwall-nav-scroll a,
.pp-main .nav-tabs a,
.pp-main .nav-pills a,
.pp-main .btn-group a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 92px !important;
    min-height: 24px !important;
    padding: 0 10px !important;
    border-radius: 4px !important;
    color: var(--pp-text) !important;
    font-size: 9px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}

.pp-main #knp1:hover,
.pp-main #knp:hover,
.pp-main [id^="knp"]:hover,
.pp-main .offerwall-nav-scroll .btn:hover {
    border-color: rgba(255,216,106,.74) !important;
    background: linear-gradient(180deg, #ffd86a, #f4ad09 64%, #a76a00) !important;
}

.pp-main #knp1:hover a,
.pp-main #knp:hover a,
.pp-main [id^="knp"]:hover a {
    color: #140c02 !important;
}

.pp-main iframe,
.pp-main .offerwall-iframe,
.pp-main .responsive-banner {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    border: 1px solid rgba(240,164,28,.34) !important;
    border-radius: 6px !important;
    background: rgba(0,0,0,.35) !important;
}

.pp-main iframe[src*="offerwall"],
.pp-main iframe[src*="bitcotasks"],
.pp-main iframe[src*="timewall"],
.pp-main .offerwall-iframe {
    height: clamp(420px, 60vh, 620px) !important;
    min-height: 420px !important;
    max-height: 620px !important;
}

.pp-main .bonus-card2,
.pp-main .rank-title2,
.pp-main .stat-value,
.pp-main .day-stat-value,
.pp-main .best-value,
.pp-main .rank-item-reward,
.pp-main .text-dark {
    color: var(--pp-text) !important;
}

.pp-main h1,
.pp-main h2,
.pp-main h3,
.pp-main h4,
.pp-main center,
.pp-main span,
.pp-main p,
.pp-main div {
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.pp-main h1,
.pp-main h2,
.pp-main h3 {
    margin: 0 0 8px !important;
    color: var(--pp-gold) !important;
    font-size: 18px !important;
    line-height: 1.15 !important;
    letter-spacing: 0 !important;
}

.pp-main .pp-mine-button,
.pp-main button.pp-mine-button,
.pp-main a.pp-mine-button {
    border: 1px solid rgba(255,226,118,.72) !important;
    border-radius: 7px !important;
    background: linear-gradient(180deg, #ffe178, #f2a900 68%, #a86600) !important;
    color: #150d02 !important;
    font-size: 15px !important;
    font-weight: 1000 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
}

/* Unified user-page redesign layer: bonus, bounty, deposits, referrals, links, PTC and withdrawals. */
.pp-main .bonus-container,
.pp-main .rew-page,
.pp-main .ptc-card,
.pp-main .coin,
.pp-main .promo-section,
.pp-main .max-w-4xl,
.pp-main .container,
.pp-main .container-fluid {
    color: var(--pp-text) !important;
    font-family: inherit !important;
}

.pp-main .bonus-container,
.pp-main .rew-page,
.pp-main .ptc-card,
.pp-main .coin {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.pp-main .bonus-card,
.pp-main .bonus-card2,
.pp-main .rank-box,
.pp-main .search-section,
.pp-main .stats-item,
.pp-main .rew-stat,
.pp-main .rew-campaign,
.pp-main .rew-box,
.pp-main .ptc-card,
.pp-main .ad-item,
.pp-main .promo-card,
.pp-main .views-table,
.pp-main .coin > div,
.pp-main form[class*="col-"],
.pp-main div[class*="col-"][style*="background-color"],
.pp-main div[style*="background-color: #404040"],
.pp-main div[style*="background-color:#F9F9F9"],
.pp-main table[style*="background-color"] {
    border: 1px solid rgba(240,164,28,.42) !important;
    border-radius: 6px !important;
    background:
        linear-gradient(180deg, rgba(255,190,34,.065), rgba(255,190,34,.014)),
        linear-gradient(180deg, #15110a, #070604) !important;
    color: var(--pp-text) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.025), 0 8px 18px rgba(0,0,0,.18) !important;
}

.pp-main .bonus-card,
.pp-main .bonus-card2,
.pp-main .rank-box,
.pp-main .rew-campaign,
.pp-main .rew-box,
.pp-main .ptc-card,
.pp-main .ad-item,
.pp-main .promo-card,
.pp-main form[class*="col-"],
.pp-main div[class*="col-"][style*="background-color"],
.pp-main div[style*="background-color: #404040"],
.pp-main div[style*="background-color:#F9F9F9"] {
    padding: 10px !important;
    margin: 0 0 6px !important;
}

.pp-main .bonus-grid,
.pp-main .rew-stats,
.pp-main .rew-main,
.pp-main .promo-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
    margin: 6px 0 !important;
}

.pp-main .rew-stats {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.pp-main .rew-left {
    display: grid !important;
    gap: 6px !important;
}

.pp-main .rew-head,
.pp-main .ptc-header,
.pp-main .card-header,
.pp-main .section-title,
.pp-main .page-header {
    min-height: 28px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    margin: 0 0 6px !important;
    padding: 0 8px !important;
    border-bottom: 1px solid rgba(240,164,28,.28) !important;
    color: var(--pp-gold) !important;
    background: linear-gradient(180deg, rgba(255,190,34,.06), rgba(255,190,34,.01)) !important;
}

.pp-main .rew-title,
.pp-main .ptc-header h1,
.pp-main .page-title,
.pp-main .card-header,
.pp-main .section-title,
.pp-main h4.text-uppercase,
.pp-main h4,
.pp-main h5 {
    color: var(--pp-gold) !important;
    font-size: 15px !important;
    line-height: 1.15 !important;
    font-weight: 1000 !important;
    text-transform: uppercase !important;
    text-shadow: none !important;
}

.pp-main .rew-desc,
.pp-main .page-subtitle,
.pp-main small,
.pp-main .time,
.pp-main .ad-duration,
.pp-main .ad-remaining,
.pp-main .stats-content,
.pp-main .rew-rule,
.pp-main .promo-btn {
    color: var(--pp-muted) !important;
    font-size: 9px !important;
    line-height: 1.35 !important;
}

.pp-main .rew-stat b,
.pp-main .stat-value,
.pp-main .day-stat-value,
.pp-main .best-value,
.pp-main .ad-reward,
.pp-main .rank-item-reward,
.pp-main .stats-item span,
.pp-main .bonus-square strong {
    color: var(--pp-gold) !important;
    font-size: 14px !important;
    font-weight: 1000 !important;
}

.pp-main .rew-stat span,
.pp-main .rew-campaign h3,
.pp-main .camp-title,
.pp-main .ad-title,
.pp-main label,
.pp-main #calc div,
.pp-main #url .text {
    color: var(--pp-text) !important;
    font-size: 10px !important;
    font-weight: 900 !important;
}

.pp-main .bonus-square,
.pp-main .rank-item,
.pp-main .day-card,
.pp-main .stats-item,
.pp-main .ad-title,
.pp-main .ad-reward,
.pp-main .ad-duration {
    border: 1px solid rgba(240,164,28,.28) !important;
    border-radius: 5px !important;
    background: rgba(0,0,0,.24) !important;
    box-shadow: none !important;
}

.pp-main .bonus-square {
    min-height: 54px !important;
    display: grid !important;
    place-items: center !important;
    padding: 6px !important;
}

.pp-main .rew-select,
.pp-main .rew-input,
.pp-main input[type="text"],
.pp-main input[type="number"],
.pp-main input[type="email"],
.pp-main input[type="password"],
.pp-main select,
.pp-main textarea,
.pp-main .form-control {
    min-height: 32px !important;
    width: 100% !important;
    border: 1px solid rgba(240,164,28,.42) !important;
    border-radius: 5px !important;
    background: rgba(0,0,0,.32) !important;
    color: var(--pp-text) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.025) !important;
}

.pp-main .input-group,
.pp-main .inp,
.pp-main #url span {
    display: flex !important;
    align-items: stretch !important;
    gap: 5px !important;
    width: 100% !important;
}

.pp-main .input-group-prepend,
.pp-main .input-group-append {
    display: flex !important;
}

.pp-main .input-group-text {
    min-width: 34px !important;
    display: grid !important;
    place-items: center !important;
    border: 1px solid rgba(240,164,28,.42) !important;
    border-radius: 5px !important;
    background: rgba(255,190,34,.10) !important;
    color: var(--pp-gold) !important;
}

.pp-main .btn,
.pp-main .search-btn,
.pp-main .btn-view-ad,
.pp-main .rew-submit,
.pp-main .promo-btn,
.pp-main input[type=submit],
.pp-main button[type=submit],
.pp-main #copyBtn,
.pp-main #knp1,
.pp-main #knp,
.pp-main [id^="knp"] {
    min-height: 28px !important;
    border: 1px solid rgba(255,226,118,.64) !important;
    border-radius: 5px !important;
    background: linear-gradient(180deg, #ffd86a, #f4ad09 64%, #a76a00) !important;
    color: #140c02 !important;
    font-size: 9px !important;
    font-weight: 1000 !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.45) !important;
}

.pp-main #knp1 a,
.pp-main #knp a,
.pp-main [id^="knp"] a,
.pp-main .btn a {
    color: #140c02 !important;
    text-decoration: none !important;
}

.pp-main .alert,
.pp-main .rew-alert,
.pp-main .alert-box {
    border: 1px solid rgba(240,164,28,.38) !important;
    border-radius: 6px !important;
    background: linear-gradient(180deg, rgba(255,190,34,.11), rgba(255,190,34,.025)) !important;
    color: var(--pp-text) !important;
    box-shadow: none !important;
}

.pp-main .alert-success,
.pp-main .rew-alert.ok {
    border-color: rgba(111,255,111,.35) !important;
    color: #9cff79 !important;
}

.pp-main .alert-danger,
.pp-main .rew-alert.err {
    border-color: rgba(255,92,92,.45) !important;
    color: #ff8f8f !important;
}

.pp-main .offerwall-nav-scroll,
.pp-main #type_url {
    margin: 0 0 6px !important;
}

.pp-main .offerwall-nav-scroll {
    justify-content: flex-start !important;
}

.pp-main .ad-item {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 8px !important;
    align-items: center !important;
}

.pp-main .views-table,
.pp-main .table,
.pp-main table:not(#type_url) {
    color: var(--pp-text) !important;
    border-color: rgba(240,164,28,.22) !important;
}

.pp-main .views-table th,
.pp-main .views-table td,
.pp-main .table th,
.pp-main .table td,
.pp-main table:not(#type_url) th,
.pp-main table:not(#type_url) td {
    color: var(--pp-text) !important;
    border-color: rgba(240,164,28,.18) !important;
    background: rgba(0,0,0,.12) !important;
}

.pp-main .text-dark,
.pp-main .text-success,
.pp-main .text-danger,
.pp-main .text-light,
.pp-main .text-white,
.pp-main .bg-secondary {
    color: var(--pp-text) !important;
}

.pp-main img.lin,
.pp-main img.promo-img,
.pp-main td > img[src*="/load/img/p.png"] {
    max-height: 220px !important;
    object-fit: contain !important;
    filter: drop-shadow(0 12px 18px rgba(0,0,0,.55)) !important;
}

@media (max-height: 760px) and (min-width: 901px) {
    .pp-app {
        height: calc(100vh - 12px) !important;
        min-height: 600px !important;
        max-height: 690px !important;
        grid-template-rows: 44px minmax(0, 1fr) !important;
    }

    .pp-brand {
        height: 44px !important;
    }

    .pp-nav {
        max-height: 500px !important;
    }

    .pp-logo-card,
    .pp-lang-card {
        min-height: 32px !important;
    }

    .pp-topbar {
        height: 44px !important;
        padding: 5px 6px !important;
    }

    .pp-status-strip {
        height: 32px !important;
        flex-basis: 210px !important;
        grid-template-columns: repeat(3, 66px) !important;
    }

    .pp-status-cell strong {
        font-size: 8px !important;
    }

    .pp-panel-title {
        height: 28px !important;
    }

    .pp-mine-stage {
        min-height: 438px !important;
        grid-template-columns: minmax(0, 1fr) 190px minmax(0, 1fr) !important;
        grid-template-rows: 32px 196px minmax(0, 1fr) !important;
        gap: 6px 10px !important;
        padding: 14px !important;
    }

    .pp-mine-ring {
        width: 190px !important;
        height: 190px !important;
    }

    .pp-mine-ring img {
        width: 122px !important;
        max-width: 122px !important;
    }

    .pp-mine-stat {
        min-height: 59px !important;
    }

    .pp-mine-info {
        min-height: 118px !important;
        padding-top: 14px !important;
        padding-bottom: 14px !important;
    }
}

@media (max-width: 900px) {
    body.pp-user-body {
        display: block !important;
        min-height: 100vh !important;
        padding: 8px !important;
        overflow: auto !important;
    }

    .pp-app {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        height: auto !important;
        min-height: calc(100vh - 16px) !important;
        max-height: none !important;
        grid-template-columns: 1fr !important;
        grid-template-rows: auto auto auto !important;
        overflow: visible !important;
    }

    .pp-app::before {
        inset: -2px !important;
        border-radius: 10px !important;
    }

    .pp-sidebar {
        grid-column: 1 !important;
        grid-row: 1 !important;
        height: auto !important;
        border-right: 0 !important;
        border-bottom: 1px solid var(--pp-line) !important;
        overflow: hidden !important;
    }

    .pp-brand {
        height: 50px !important;
    }

    .pp-nav {
        display: flex !important;
        max-height: none !important;
        padding: 6px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        white-space: nowrap !important;
    }

    .pp-nav-link {
        flex: 0 0 auto !important;
        min-width: 88px !important;
        justify-content: center !important;
    }

    .pp-sidebar-bonus {
        display: none !important;
    }

    #content.pp-main,
    .pp-main {
        grid-column: 1 !important;
        grid-row: 3 !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        padding: 5px !important;
        overflow: visible !important;
    }

    .pp-main > * {
        min-width: 0 !important;
    }

    .pp-topbar {
        grid-column: 1 !important;
        grid-row: 2 !important;
        position: static !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 5px !important;
        height: auto !important;
        padding: 5px !important;
        border-top: 0 !important;
        border-left: 0 !important;
    }

    .pp-topbar::before {
        display: none !important;
    }

    .pp-logo-card,
    .pp-lang-card {
        width: 100% !important;
        min-height: 44px !important;
    }

    .pp-lang-card {
        justify-content: flex-start !important;
        overflow-x: auto !important;
        min-height: 34px !important;
    }

    .pp-status-strip {
        height: auto !important;
        grid-template-columns: repeat(3, minmax(150px, 1fr)) !important;
        flex-basis: auto !important;
        overflow-x: auto !important;
    }

    .pp-status-cell {
        min-height: 34px !important;
    }

    .pp-fold-layout,
    .pp-mining-compact,
    .pp-mining-tools {
        grid-template-columns: 1fr !important;
    }

    .pp-dashboard-grid,
    .pp-dashboard-actions {
        grid-template-columns: 1fr !important;
    }

    .pp-dash-tile {
        grid-template-columns: 34px minmax(0, 1fr) !important;
    }

    .pp-dash-tile strong {
        grid-column: 2 !important;
        text-align: left !important;
    }

    .pp-mine-stage {
        min-height: 0 !important;
        grid-template-columns: 1fr !important;
        grid-template-rows: auto auto auto auto auto !important;
        gap: 8px !important;
        padding: 10px !important;
    }

    .pp-mine-stage .pp-mine-heading,
    .pp-mine-stage .pp-mine-stats,
    .pp-mine-stage .pp-mine-character,
    .pp-mine-stage .pp-mine-actions,
    .pp-mine-stage .pp-mine-info {
        grid-column: 1 !important;
        grid-row: auto !important;
    }

    .pp-mine-heading-right {
        display: none !important;
    }

    .pp-mine-stage .pp-mine-heading-left {
        grid-row: 1 !important;
        order: 1 !important;
    }

    .pp-mine-stage .pp-mine-character {
        grid-row: 2 !important;
        order: 2 !important;
    }

    .pp-mine-stage .pp-mine-stats {
        grid-row: 3 !important;
        order: 3 !important;
    }

    .pp-mine-stage .pp-mine-actions {
        grid-row: 4 !important;
        order: 4 !important;
    }

    .pp-mine-stage .pp-mine-info {
        grid-row: 5 !important;
        order: 5 !important;
    }

    .pp-mine-ring {
        width: min(190px, 72vw) !important;
        height: min(190px, 72vw) !important;
    }

    .pp-mine-ring img {
        width: min(122px, 46vw) !important;
        max-width: min(122px, 46vw) !important;
    }

    .pp-mine-info {
        grid-template-columns: 1fr !important;
        min-height: 0 !important;
        padding: 12px !important;
    }

    .pp-mine-stage::after {
        display: none !important;
    }

    .pp-mining-page,
    .pp-dashboard-page {
        width: 100% !important;
        max-width: 100% !important;
    }

    .pp-side-stack {
        grid-template-columns: 1fr !important;
    }

    .pp-mining-compact .pp-mascot {
        order: -1 !important;
    }

    .pp-mining-compact .pp-mascot img {
        max-width: 96px !important;
    }

    .pp-main .row,
    .pp-main .bonus-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
    }

    .pp-main,
    .pp-main * {
        max-width: 100% !important;
    }

    .pp-main table,
    .pp-main .table,
    .pp-main [style*="width:"] {
        max-width: 100% !important;
    }

    .pp-main table {
        display: block !important;
        overflow-x: auto !important;
        white-space: normal !important;
    }

    .pp-main img {
        max-width: 100% !important;
        height: auto !important;
    }

    .pp-main .bonus-grid,
    .pp-main .rew-stats,
    .pp-main .rew-main,
    .pp-main .promo-grid {
        grid-template-columns: 1fr !important;
    }

    .pp-main .ad-item {
        grid-template-columns: 1fr !important;
        text-align: left !important;
    }

    .pp-main .rew-head,
    .pp-main .ptc-header,
    .pp-main .card-header,
    .pp-main .section-title,
    .pp-main .page-header {
        align-items: flex-start !important;
        flex-direction: column !important;
        min-height: 0 !important;
        padding: 6px 8px !important;
    }

    .pp-main .input-group,
    .pp-main .inp,
    .pp-main #url span {
        flex-wrap: wrap !important;
    }

    .pp-main .input-group > *,
    .pp-main .inp > *,
    .pp-main #url span > * {
        min-width: 0 !important;
    }

    .pp-main .input-group input,
    .pp-main #url input {
        flex: 1 1 180px !important;
    }

    .pp-main .btn,
    .pp-main .search-btn,
    .pp-main .btn-view-ad,
    .pp-main .rew-submit,
    .pp-main .promo-btn {
        width: auto !important;
        max-width: 100% !important;
        white-space: normal !important;
    }
}

@media (max-width: 520px) {
    body.pp-user-body {
        padding: 6px !important;
    }

    .pp-logo-text,
    .pp-brand-text {
        font-size: 21px !important;
    }

    .pp-nav-link {
        min-width: 78px !important;
        height: 26px !important;
        font-size: 8px !important;
    }

    .pp-status-strip {
        grid-template-columns: 1fr !important;
    }

    .pp-mine-stage {
        padding: 8px !important;
        gap: 7px !important;
    }

    .pp-card-body {
        padding: 6px !important;
    }

    .pp-mining-compact .pp-action-value,
    .pp-stat-pill strong {
        font-size: 14px !important;
    }

    .pp-mine-heading {
        font-size: 12px !important;
    }

    .pp-mine-heading span::before,
    .pp-mine-heading span::after {
        width: 30px !important;
    }

    .pp-mine-stat {
        grid-template-columns: 38px minmax(0, 1fr) !important;
        min-height: 62px !important;
        padding: 8px !important;
        gap: 8px !important;
    }

    .pp-mine-stat i {
        width: 36px !important;
        height: 36px !important;
        font-size: 16px !important;
    }

    .pp-mine-stat b {
        grid-column: 2 !important;
        font-size: 16px !important;
        white-space: normal !important;
        text-align: left !important;
    }

    .pp-mine-value {
        font-size: clamp(18px, 7vw, 22px) !important;
        flex-wrap: wrap !important;
    }

    .pp-mine-info div {
        font-size: 8px !important;
        align-items: flex-start !important;
        line-height: 1.35 !important;
    }

    .pp-mine-info i {
        width: 22px !important;
        height: 22px !important;
        flex-basis: 22px !important;
    }

    .pp-main #type_url td,
    .pp-main #tab td,
    .pp-main #box td,
    .pp-main table[id*="type"] td,
    .pp-main table[id*="tab"] td {
        min-width: 104px !important;
    }

    .pp-main iframe[src*="offerwall"],
    .pp-main iframe[src*="bitcotasks"],
    .pp-main iframe[src*="timewall"],
    .pp-main .offerwall-iframe {
        height: 520px !important;
        min-height: 420px !important;
        max-height: 560px !important;
    }

    .pp-main .bonus-card,
    .pp-main .bonus-card2,
    .pp-main .rank-box,
    .pp-main .rew-campaign,
    .pp-main .rew-box,
    .pp-main .ptc-card,
    .pp-main .ad-item,
    .pp-main .promo-card,
    .pp-main form[class*="col-"],
    .pp-main div[class*="col-"][style*="background-color"] {
        padding: 8px !important;
    }

    .pp-main .rew-title,
    .pp-main .ptc-header h1,
    .pp-main .page-title,
    .pp-main .card-header,
    .pp-main .section-title,
    .pp-main h4,
    .pp-main h5 {
        font-size: 13px !important;
    }
}