/* Shared responsive overrides for user + admin surfaces */

html {
    -webkit-text-size-adjust: 100%;
}

img,
video,
iframe {
    max-width: 100%;
}

@media (max-width: 1024px) {
    .auth-layout,
    .auth-layout.auth-layout-compact {
        grid-template-columns: 1fr;
    }

    .auth-showcase {
        border-right: 0;
        border-bottom: 1px solid rgba(100, 134, 173, 0.24);
    }

    .hero-signal-strip,
    .coin-steps {
        grid-template-columns: 1fr;
    }

    .coin-modules,
    .coin-stat-grid,
    .coin-command-grid,
    .coin-final-grid,
    .offerwall-health-strip,
    .dashboard-command-grid {
        grid-template-columns: 1fr 1fr;
    }

    .dashboard-premium-hero,
    .gamification-grid {
        grid-template-columns: 1fr;
    }

    .dashboard-premium-copy > p {
        max-width: none;
    }

    body.dark-theme .user-container {
        padding: 28px 16px 32px;
    }

    .container,
    .coin-shell {
        width: min(1220px, calc(100% - 20px));
    }

    .panel-card,
    .card {
        padding: 18px;
    }

    .table-wrap table {
        min-width: 640px;
    }

    .copy-group {
        flex-wrap: wrap;
    }
}

@media (max-width: 900px) {
    .surface-signal-grid,
    .support-guide-grid {
        grid-template-columns: 1fr;
    }

    .auth-shell-premium {
        padding: 18px 12px 28px;
    }

    .auth-showcase,
    .auth-form-panel {
        padding: 24px 20px;
    }

    .auth-showcase .auth-brand,
    .auth-showcase-copy,
    .auth-form-panel .auth-subtitle,
    .auth-form-panel .auth-meta-links,
    .auth-form-panel .auth-note,
    .auth-form-panel .lang-switch {
        text-align: center;
    }

    .auth-form-panel .social-links {
        justify-content: center;
    }

    .coin-hero-main,
    .coin-hero-side,
    .coin-command-card,
    .dashboard-command-card {
        padding: 22px 18px;
    }

    .user-shell .page-head:not(.dashboard-page-head):not(.page-head-split),
    .user-shell .page-head.page-head-split {
        padding: 20px 18px;
    }

    .dashboard-premium-hero {
        padding: 22px 18px;
    }

    .dashboard-hero-pills,
    .dashboard-hero-status-grid {
        grid-template-columns: 1fr 1fr;
    }

    .dashboard-hero-actions {
        flex-direction: column;
    }

    .dashboard-hero-actions .btn,
    .dashboard-hero-actions .btn-soft,
    .spin-wheel-cta .btn-soft {
        width: 100%;
        min-width: 0;
    }

    .live-feed-ticker {
        position: static;
    }

    .user-shell {
        padding-top: 18px;
    }

    .user-nav {
        border-radius: 14px;
        padding: 8px 10px;
        position: static !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior-x: contain;
    }

    .user-nav ul {
        display: grid !important;
        grid-auto-flow: column !important;
        grid-auto-columns: minmax(140px, max-content) !important;
        flex-wrap: nowrap !important;
        overflow-x: visible;
        justify-content: flex-start !important;
        padding-bottom: 4px;
        scrollbar-width: thin;
        gap: 8px;
        scroll-snap-type: x proximity;
    }

    .user-nav li {
        flex: 0 0 auto !important;
        min-width: 0;
        scroll-snap-align: start;
    }

    .user-nav a {
        white-space: normal;
        width: 100%;
        text-align: center;
        min-height: 52px !important;
        display: flex !important;
        align-items: center;
        justify-content: center;
        text-wrap: balance;
    }

    .coin-topbar {
        flex-wrap: wrap;
        justify-content: center;
    }

    .coin-nav {
        width: 100%;
        justify-content: center;
        overflow-x: visible;
        padding-bottom: 0;
        flex-wrap: wrap;
        gap: 8px;
    }

    .coin-topbar-actions {
        width: 100%;
        justify-content: center;
    }

    .task-header {
        flex-direction: column;
        gap: 8px;
    }

    .wall-grid,
    .sl-grid,
    .ach-grid,
    .plan-grid,
    .ptc-grid {
        grid-template-columns: 1fr;
    }

    .profile-grid {
        grid-template-columns: 1fr;
    }

    .profile-grid > .panel-card:last-child {
        grid-column: auto;
    }
}

@media (max-width: 768px) {
    .surface-signal-card {
        padding: 18px 16px;
        border-radius: 18px;
    }

    .coin-topbar {
        top: 10px;
    }

    .coin-hero-main h1,
    .auth-showcase-copy h2 {
        font-size: clamp(1.7rem, 8vw, 2.35rem);
    }

    .hero-signal-card {
        padding: 13px 14px;
    }

    .coin-section,
    .coin-module-card,
    .step-card,
    .coin-stat-card,
    .coin-command-card,
    .coin-final-card {
        border-radius: 18px;
    }

    .user-shell .page-head:not(.dashboard-page-head):not(.page-head-split) h1,
    .user-shell .page-head:not(.dashboard-page-head):not(.page-head-split) h2 {
        font-size: clamp(1.65rem, 7vw, 2.2rem);
    }

    .user-shell .kpi-card {
        padding: 18px 16px;
    }

    .user-shell .table-wrap {
        border-radius: 18px;
    }

    .task-card,
    .sl-card,
    .ptc-card,
    .plan-card,
    .ticket-item,
    .offer-activity-item {
        border-radius: 18px;
    }

    .vault-hero,
    .profile-hero,
    .streak-card {
        border-radius: 22px;
    }

    .dashboard-premium-copy h1 {
        font-size: clamp(1.9rem, 8vw, 2.5rem);
    }

    .dashboard-hero-pills,
    .dashboard-hero-status-grid,
    .spin-wheel-legend,
    .dashboard-command-grid,
    .offerwall-health-strip,
    .coin-command-grid,
    .coin-final-grid {
        grid-template-columns: 1fr;
    }

    .gamification-grid,
    .gamification-side {
        gap: 16px;
    }

    .spin-wheel-wrap {
        padding: 16px;
    }

    body.dark-theme .user-container {
        padding-top: 20px;
    }

    .page-header {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 14px;
    }

    .page-header > .kpi-card {
        width: 100%;
    }

    .page-head h1,
    .page-head h2 {
        font-size: 1.6rem;
    }

    .page-header h1 {
        font-size: 1.6rem;
    }

    .vip-highlight,
    .streak-number {
        font-size: 2.2rem;
    }

    #ptc-frame {
        width: 100%;
        height: 72%;
        border-radius: 0;
    }

    #ptc-controls {
        right: 12px;
        top: 12px;
    }

    .leaderboard-card,
    .promo-card,
    .promo-box,
    .streak-card,
    .vault-hero {
        padding: 16px;
    }

    .ticket-item,
    .rank-item {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .bubble {
        max-width: 100%;
    }

    .reward-grid {
        grid-template-columns: repeat(4, 1fr);
    }

    .shop-grid,
    .ptc-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .shop-card,
    .ptc-card,
    .vip-card {
        padding: 18px;
    }

    .membership-page .features-list {
        max-width: none;
    }

    .membership-page .features-list li {
        font-size: 0.95rem;
        line-height: 1.45;
    }

    .membership-page .alert {
        text-align: left;
    }

    .modal-overlay {
        align-items: flex-end;
        padding: 12px;
    }

    .modal-card {
        max-width: none;
        width: 100%;
        max-height: 92vh;
        overflow-y: auto;
        padding: 24px 18px;
        border-radius: 18px 18px 0 0;
    }

    .vip-card::before {
        font-size: 8rem;
        top: -4%;
        left: -8%;
    }

    .ptc-page .ptc-card {
        gap: 16px;
    }

    .ptc-page #ptc-overlay {
        justify-content: flex-start;
        padding: 56px 0 0;
    }

    .ptc-page .ptc-overlay-shell {
        padding: 0 16px;
        text-align: center;
    }

    .ptc-page .ptc-overlay-note {
        padding: 0 8px;
    }

    .withdraw-page .withdraw-history-table th:nth-child(1),
    .withdraw-page .withdraw-history-table td:nth-child(1) {
        width: 100%;
    }
}

@media (max-width: 560px) {
    .auth-card.auth-layout,
    .auth-card.auth-layout.auth-layout-compact {
        width: min(100%, 100%);
    }

    .auth-showcase,
    .auth-form-panel {
        padding: 18px 16px;
    }

    .auth-showcase-grid {
        gap: 10px;
        margin-top: 18px;
    }

    .auth-showcase-item {
        padding: 14px;
        border-radius: 16px;
    }

    .hero-signal-strip,
    .coin-modules,
    .coin-stat-grid,
    .coin-steps {
        grid-template-columns: 1fr;
    }

    .public-home-premium .coin-section {
        padding: 18px 16px;
        border-radius: 20px;
    }

    .public-home-premium .coin-module-card,
    .public-home-premium .step-card,
    .public-home-premium .coin-stat-card {
        padding: 16px 14px;
        border-radius: 16px;
    }

    .btn,
    .btn-soft,
    .btn-main,
    .btn-primary,
    .btn-blue,
    .btn-green,
    .btn-red {
        width: 100%;
    }

    .copy-group .btn {
        width: auto;
    }

    .reward-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .coin-shell,
    .container {
        width: min(1180px, calc(100% - 12px));
    }

    .panel-card,
    .card,
    .auth-card,
    .cms-card {
        padding: 14px;
    }

    .social-links {
        gap: 6px;
    }

    .social-link {
        width: 100%;
        justify-content: flex-start;
    }

    .profile-hero {
        grid-template-columns: 1fr;
        justify-items: center;
        text-align: center;
    }

    .profile-hero-stats {
        justify-content: center;
    }

    .spin-wheel-shell,
    .spin-wheel {
        width: 190px;
        height: 190px;
    }

    .spin-wheel-center {
        width: 76px;
        height: 76px;
        font-size: 0.72rem;
    }

    .shoutbox-row {
        grid-template-columns: 1fr;
        gap: 2px;
    }

    .shoutbox-time {
        justify-self: end;
    }

    .shoutbox-composer {
        flex-direction: column;
        align-items: stretch;
    }

    .shoutbox-send {
        width: 100%;
    }

    .hero-actions {
        flex-direction: column;
    }

    .hero-actions > * {
        width: 100%;
    }

    #install-app-wrap {
        padding: 16px;
    }

    #install-app-status,
    #install-app-fallback {
        overflow-wrap: anywhere;
    }

    .shop-card {
        padding: 16px;
    }

    .membership-page .vip-card {
        padding: 18px 14px;
    }

    .membership-page .vip-card .btn {
        width: 100%;
    }

    .membership-page .features-list li {
        padding: 8px 0;
    }

    .shop-icon {
        width: 64px;
        height: 64px;
    }

    .shop-name {
        font-size: 1rem;
    }

    .modal-card {
        padding: 18px 14px;
    }

    .vip-highlight {
        font-size: 1.9rem;
    }

    .vip-price {
        font-size: 1.15rem;
    }

    #ptc-timer {
        font-size: 2.4rem;
    }

    #ptc-controls {
        top: 10px;
        right: 10px;
        left: 10px;
        display: flex;
        justify-content: flex-end;
    }

    #ptc-controls .btn {
        width: auto;
        min-width: 0;
    }

    .ptc-page #ptc-overlay {
        padding-top: 52px;
    }

    .ptc-page #ptc-frame {
        height: calc(100vh - 170px);
        min-height: 300px;
    }

    .page-head.page-head-split {
        flex-direction: column;
        align-items: stretch;
        text-align: left;
    }

    .balance-card {
        min-width: 0;
        width: 100%;
    }

    .surface-page-grid {
        grid-template-columns: 1fr;
    }

    .withdraw-page .withdraw-history-table,
    .withdraw-page .withdraw-history-table thead,
    .withdraw-page .withdraw-history-table tbody,
    .withdraw-page .withdraw-history-table th,
    .withdraw-page .withdraw-history-table td,
    .withdraw-page .withdraw-history-table tr {
        display: block;
        width: 100%;
    }

    .withdraw-page .withdraw-history-table thead {
        display: none;
    }

    .withdraw-page .withdraw-history-table tr {
        background: rgba(255, 255, 255, 0.03);
        border: 1px solid var(--border);
        border-radius: 14px;
        padding: 12px;
        margin-bottom: 12px;
    }

    .withdraw-page .withdraw-history-table td {
        padding: 6px 0;
        border: 0;
        word-break: break-word;
    }

    .withdraw-page .modal-card h2 {
        font-size: 1.25rem;
    }

    .withdraw-page .modal-card .shop-icon {
        width: 56px;
        height: 56px;
    }

    .withdraw-page .modal-card input[type="number"],
    .withdraw-page .modal-card input[type="text"] {
        font-size: 1rem !important;
        height: 48px !important;
    }

    .input-emphasis {
        min-height: 48px;
        font-size: 1rem;
    }
}

@media (max-width: 480px) {
    .user-shell .page-head:not(.dashboard-page-head):not(.page-head-split),
    .user-shell .page-head.page-head-split {
        padding: 18px 14px;
        border-radius: 22px;
    }

    .user-shell .page-head:not(.dashboard-page-head):not(.page-head-split) p {
        font-size: 0.94rem;
    }

    .dashboard-premium-hero {
        padding: 18px 14px;
    }

    .dashboard-hero-badge {
        font-size: 0.68rem;
        letter-spacing: 0.05em;
    }

    .dashboard-hero-pill,
    .dashboard-hero-status-card,
    .gamification-progress-card {
        padding: 14px;
    }

    .reward-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .ticket-item,
    .task-card {
        padding: 16px;
    }

    .ticket-actions {
        width: 100%;
        align-items: stretch;
    }

    .ticket-link {
        justify-content: center;
    }

    .spin-wheel-shell,
    .spin-wheel {
        width: 100%;
        max-width: 220px;
        margin-inline: auto;
    }

    .spin-wheel-center {
        width: 82px;
        height: 82px;
    }

    .method-rail-badges {
        gap: 6px;
    }

    .method-rail-badge {
        width: 100%;
        justify-content: center;
    }
}

/* Admin fallback (for pages still using legacy class names) */
@media (max-width: 980px) {
    .admin-wrap {
        display: block;
    }

    .sidebar {
        width: min(320px, calc(100vw - 28px));
        height: 100dvh;
        max-height: none;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 72;
        overflow-y: auto;
        transform: translateX(calc(-100% - 20px));
    }

    .main-content,
    .content {
        margin-left: 0;
        max-width: 100%;
        width: 100%;
        padding: 16px;
    }

    .content .table-wrap table {
        min-width: 0;
    }

    .content td,
    .content th {
        overflow-wrap: anywhere;
    }

    .admin-nav-open .sidebar {
        transform: translateX(0);
    }
}

@media (max-width: 700px) {
    .sidebar nav,
    .sidebar .side-group {
        width: 100%;
    }

    .sidebar a,
    .sidebar button,
    .sidebar .nav-link {
        white-space: normal;
        line-height: 1.35;
    }

    .topbar-pill,
    .lang-pill {
        width: 100%;
        justify-content: center;
    }

    .content .card,
    .content .panel-card,
    .content .user-card {
        padding: 14px;
    }
}

/* SaaS polish responsive overrides */
@media (max-width: 1100px) {
    .public-home-premium .coin-topbar {
        top: 48px;
    }

    .coin-hero-main h1,
    .dashboard-premium-copy h1 {
        max-width: none;
    }
}

@media (max-width: 900px) {
    .public-home-premium .coin-topbar {
        position: static;
        padding: 14px;
        border-radius: 22px;
    }

    .coin-nav {
        display: grid;
        grid-auto-flow: column;
        grid-auto-columns: max-content;
        justify-content: flex-start;
        overflow-x: auto;
        overscroll-behavior-x: contain;
        scrollbar-width: none;
        padding: 2px 2px 8px;
        margin: 0 -2px;
        width: 100%;
    }

    .coin-nav::-webkit-scrollbar {
        display: none;
    }

    .coin-nav a {
        white-space: nowrap;
    }

    .user-nav {
        border-radius: 22px;
        padding: 10px;
    }

    .user-nav ul {
        display: grid;
        grid-auto-flow: column;
        grid-auto-columns: minmax(148px, max-content);
        justify-content: flex-start;
        overflow-x: auto;
        overscroll-behavior-x: contain;
        scroll-snap-type: x proximity;
        scrollbar-width: none;
        padding: 4px 2px 8px;
        margin: 0 -2px;
    }

    .user-nav ul::-webkit-scrollbar {
        display: none;
    }

    .user-nav li {
        flex: 0 0 auto;
        min-width: 0;
        scroll-snap-align: start;
    }

    .user-nav a {
        width: 100%;
        min-height: 48px;
        padding: 12px 14px;
        white-space: nowrap;
    }
}

@media (max-width: 768px) {
    .coin-shell,
    .container {
        width: min(1180px, calc(100% - 16px));
    }

    .public-home-premium .coin-section,
    .dashboard-premium-hero,
    .user-shell .page-head:not(.dashboard-page-head):not(.page-head-split),
    .user-shell .page-head.page-head-split {
        border-radius: 22px;
    }

    .coin-hero-main,
    .coin-hero-side,
    .dashboard-hero-status-card {
        border-radius: 22px;
    }

    .hero-signal-card,
    .dashboard-hero-pill,
    .dashboard-command-card,
    .coin-command-card,
    .coin-module-card,
    .step-card,
    .coin-final-card,
    .spotlight-card {
        border-radius: 18px;
    }
}

@media (max-width: 560px) {
    .public-home-premium .coin-topbar,
    .user-nav,
    .dashboard-premium-hero {
        border-radius: 20px;
    }

    .coin-brand {
        width: 100%;
        justify-content: center;
    }

    .coin-brand span {
        text-align: center;
    }

    .coin-topbar-actions {
        gap: 8px;
    }

    .coin-topbar-actions .btn-soft,
    .coin-topbar-actions .btn-main {
        min-height: 48px;
    }

    .user-nav ul {
        grid-auto-columns: minmax(132px, max-content);
    }

    .hero-signal-card strong,
    .coin-stat-card strong,
    .dashboard-command-card strong,
    .dashboard-hero-pill strong {
        font-size: 1.14rem;
    }

    .withdraw-premium-page .shop-grid,
    .offerwalls-premium-page .offerwall-grid {
        grid-template-columns: 1fr;
    }

    .offerwalls-premium-page .offerwall-actions .btn-main,
    .offerwalls-premium-page .offerwall-actions .btn-soft {
        flex-basis: 100%;
    }

    .tasks-premium-page .task-header {
        gap: 12px;
    }

    .tasks-premium-page .task-payout {
        width: 100%;
    }
}

@media (max-width: 720px) {
    .withdraw-premium-page .withdraw-page .page-head.page-head-split {
        gap: 14px;
    }

    .withdraw-premium-page .balance-card {
        min-width: 0;
        width: 100%;
    }

    .offerwalls-premium-page .offerwall-readiness-band {
        flex-direction: column;
        align-items: flex-start;
    }

    .offerwalls-premium-page .offerwall-readiness-band span {
        max-width: none;
        text-align: left;
    }

    .support-premium-page .support-head {
        gap: 14px;
    }
}

@media (min-width: 1200px) {
    .offerwalls-premium-page .offerwall-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .login-premium-page .auth-meta-links a,
    .register-premium-page .auth-meta-links a {
        width: 100%;
    }

    .profile-premium-page .profile-grid > .panel-card,
    .support-premium-page .support-compose-card,
    .membership-premium-page .plan-card {
        border-radius: 20px;
    }

    .membership-premium-page .plan-rate {
        font-size: 1.9rem;
    }

    .referrals-premium-page .copy-row {
        grid-template-columns: 1fr;
    }

    .referrals-premium-page .share-actions {
        flex-direction: column;
    }

    .offer-details-premium-page .page-head,
    .ticket-details-premium-page .page-head,
    .cms-contact .cms-header {
        padding: 22px 18px;
        border-radius: 24px;
    }

    .offer-details-premium-page .panel-card,
    .ticket-details-premium-page .panel-card,
    .cms-contact .cms-card {
        border-radius: 22px;
    }

    .ticket-details-premium-page .chat-container {
        padding: 14px;
    }
}

/* Mobile safety net */
@media (max-width: 900px) {
    .section-head {
        gap: 12px;
    }

    .page-head-copy,
    .balance-card,
    .section-head > div,
    .section-head > * {
        min-width: 0;
    }

    .toolbar-row,
    .admin-toolbar-form {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: stretch;
    }

    .toolbar-row > *,
    .admin-toolbar-form > * {
        min-width: 0;
    }
}

@media (max-width: 768px) {
    html,
    body {
        overflow-x: hidden;
    }

    .coin-shell,
    .container,
    .main-content,
    .content,
    .panel-card,
    .card,
    .kpi-card,
    .table-wrap,
    .user-shell,
    .admin-wrap,
    .user-card,
    .user-shell > .container.user-card,
    .dashboard-premium-hero,
    .dashboard-premium-copy,
    .dashboard-premium-aside,
    .dashboard-command-card,
    .quick-card,
    .spotlight-card,
    .surface-signal-card,
    .shop-card,
    .task-card,
    .ticket-item,
    .offer-activity-item,
    .page-head,
    .page-head-copy,
    .section-head {
        min-width: 0;
    }

    .user-shell {
        padding-top: 14px !important;
        padding-bottom: 32px !important;
    }

    .user-shell > .container.user-card {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .user-shell > .container.user-card::before {
        inset: 8px 8px auto;
        height: 240px;
        border-radius: 24px;
    }

    .kpi-row {
        grid-template-columns: 1fr;
    }

    .page-head.page-head-split,
    .section-head,
    .offer-detail-actions,
    .ticket-actions,
    .support-admin-actions,
    .admin-actions-row,
    .share-actions,
    .offer-activity-meta {
        flex-direction: column;
        align-items: stretch;
    }

    .page-head.page-head-split > *,
    .section-head > *,
    .offer-detail-actions > *,
    .ticket-actions > *,
    .support-admin-actions > *,
    .admin-actions-row > *,
    .share-actions > * {
        width: 100%;
        min-width: 0;
    }

    .offer-activity-meta form,
    .offer-activity-meta .btn-soft,
    .offer-activity-meta .btn-main,
    .offer-detail-actions .btn-main,
    .offer-detail-actions .btn-soft,
    .cms-contact .cms-form .btn-main {
        width: 100%;
    }

    .table-wrap table th,
    .table-wrap table td,
    .admin-codearea,
    code {
        overflow-wrap: anywhere;
        word-break: break-word;
        white-space: normal;
    }

    .user-shell p,
    .user-shell li,
    .user-shell dd,
    .user-shell dt,
    .user-shell label,
    .user-shell .muted,
    .user-shell .alert,
    .user-shell .surface-empty,
    .user-shell .shop-desc,
    .user-shell .pricing-note,
    .user-shell .method-rail-note,
    .user-shell .method-rail-blocker,
    .user-shell .table-empty-note,
    .user-shell .history-table td strong {
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    .user-shell pre,
    .user-shell code,
    .user-shell .ops-output,
    .user-shell .admin-codearea {
        max-width: 100%;
        white-space: pre-wrap;
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    .user-shell .table-wrap,
    .withdraw-premium-page .table-wrap,
    .history-premium-page .table-wrap,
    .support-premium-page .table-wrap,
    .offer-details-premium-shell,
    .ticket-thread-premium-shell {
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch;
    }

    .user-shell .table-wrap table {
        min-width: 640px !important;
    }

    .user-shell .page-head:not(.dashboard-page-head):not(.page-head-split),
    .user-shell .page-head.page-head-split,
    .dashboard-premium-hero {
        padding: 18px 16px !important;
        border-radius: 20px !important;
    }

    .dashboard-premium-copy h1,
    .coin-hero-main h1 {
        max-width: none !important;
    }

    .ticket-details-premium-page .bubble,
    .offer-details-premium-page .audit-card,
    .offer-details-premium-page .info-list li,
    .cms-contact .cms-contact-list li {
        overflow-wrap: anywhere;
    }
}

@media (max-width: 560px) {
    .user-nav ul {
        grid-auto-columns: minmax(124px, 68vw) !important;
    }

    .user-nav a {
        padding: 11px 12px;
        font-size: 0.88rem;
        min-height: 50px !important;
    }

    .coin-nav a {
        font-size: 0.9rem;
    }

    .toolbar-row,
    .admin-toolbar-form {
        grid-template-columns: 1fr;
    }

    .payment-verify-premium-page .table-wrap table,
    .config-health-premium-page .table-wrap table,
    .support-admin-premium-page .table-wrap table {
        min-width: 640px;
    }

    .user-shell > .container.user-card::before {
        inset: 6px 6px auto;
        height: 220px;
        border-radius: 20px;
    }
}

/* Responsive Premium Refinement */
@media (max-width: 900px) {
    .panel-card,
    .card,
    .surface-signal-card,
    .shop-card,
    .task-card,
    .offerwall-card,
    .audit-card,
    .ticket-item,
    .offer-activity-item,
    .plan-card,
    .kpi-card,
    .table-wrap {
        box-shadow: 0 16px 34px rgba(2, 6, 23, 0.14);
    }

    .page-head h1,
    .page-head h2,
    .page-head h3 {
        letter-spacing: -0.03em;
    }
}

@media (max-width: 768px) {
    .container,
    .coin-shell,
    .user-shell {
        width: min(100%, calc(100% - 18px));
    }

    .panel-card,
    .card,
    .surface-signal-card,
    .shop-card,
    .task-card,
    .offerwall-card,
    .audit-card,
    .ticket-item,
    .offer-activity-item,
    .plan-card,
    .kpi-card,
    .table-wrap {
        border-radius: 18px;
    }

    .page-head {
        margin-bottom: 22px;
    }

    .page-head p,
    .muted,
    .surface-signal-note,
    .pricing-note,
    .shop-desc,
    .offer-activity-item p,
    .ticket-item p,
    .task-card p {
        font-size: 0.96rem;
    }

    .user-nav {
        background: rgba(10, 18, 31, 0.88);
    }
}
@media (max-width: 980px) {
    .sidebar {
        transition: transform 0.3s ease; /* sidebar açılıb-bağlanması üçün */
    }

    .admin-nav-open .sidebar {
        transform: translateX(0);
    }

    .admin-mobile-menu-btn {
        display: flex !important;
    }

    .admin-sidebar-close {
        display: flex !important;
    }
}