/* ============================================
   Chat Module Styles
   Requirements: 3.1, 3.2
   ============================================ */

/* Main Panel Container */
#tm-chat-panel {
    position: fixed;
    left: 16px;
    top: 120px;
    z-index: 999999;
    width: 340px;
    max-width: calc(100vw - 32px);
    background: rgba(30, 30, 35, 0.95);
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    box-shadow: 
        0 8px 32px rgba(0, 0, 0, 0.4),
        inset 0 1px 0 rgba(255, 255, 255, 0.05);
    overflow: hidden;
    font-family: Inter, system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
    user-select: none;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    transition: box-shadow 0.2s ease;
}

#tm-chat-panel:hover {
    box-shadow: 
        0 12px 40px rgba(0, 0, 0, 0.5),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

/* Header - Draggable Area */
#tm-chat-panel .tm-chat-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 14px;
    background: rgba(255, 255, 255, 0.03);
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    cursor: grab;
    transition: background 0.15s ease;
}

#tm-chat-panel .tm-chat-header:hover {
    background: rgba(255, 255, 255, 0.05);
}

#tm-chat-panel.tm-chat-dragging .tm-chat-header {
    cursor: grabbing;
    background: rgba(255, 255, 255, 0.07);
}

#tm-chat-panel .tm-chat-title {
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.2px;
    user-select: none;
    pointer-events: none;
    color: rgba(255, 255, 255, 0.9);
}

#tm-chat-panel .tm-chat-header-right {
    display: flex;
    gap: 8px;
    align-items: center;
    user-select: none;
}

#tm-chat-panel .tm-chat-body {
    padding: 12px 14px 14px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    user-select: text;
}

#tm-chat-panel .tm-chat-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    max-height: 220px;
    overflow: auto;
    padding-right: 4px;
}

/* Template Chips */
#tm-chat-panel .tm-chat-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(38, 99, 240, 0.12);
    border: 1px solid rgba(38, 99, 240, 0.2);
    color: #fff;
    border-radius: 8px;
    padding: 8px 10px;
    cursor: pointer;
    user-select: none;
    max-width: 100%;
    transition: background 0.15s ease, border-color 0.15s ease, transform 0.1s ease;
}

#tm-chat-panel .tm-chat-chip:hover {
    background: rgba(38, 99, 240, 0.18);
    border-color: rgba(38, 99, 240, 0.35);
    transform: translateY(-1px);
}

#tm-chat-panel .tm-chat-chip:active {
    transform: translateY(0);
    background: rgba(38, 99, 240, 0.25);
}

#tm-chat-panel .tm-chat-chip-text {
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 220px;
    color: rgba(255, 255, 255, 0.9);
}

#tm-chat-panel .tm-chat-actions {
    display: flex;
    gap: 4px;
    margin-left: auto;
}

/* Small Action Buttons (Edit, Delete) */
#tm-chat-panel .tm-chat-small-btn {
    border: none;
    background: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.6);
    border-radius: 6px;
    padding: 4px 6px;
    font-size: 10px;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease;
}

#tm-chat-panel .tm-chat-small-btn:hover {
    background: rgba(255, 255, 255, 0.15);
    color: rgba(255, 255, 255, 0.9);
}

#tm-chat-panel .tm-chat-small-btn:active {
    background: rgba(255, 255, 255, 0.2);
}

#tm-chat-panel .tm-chat-compose {
    display: flex;
    flex-direction: column;
    gap: 8px;
    background: rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 10px;
    padding: 12px;
}

/* Text Input for New Templates */
#tm-chat-panel .tm-chat-input {
    width: 100%;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
    padding: 10px 12px;
    font-size: 13px;
    outline: none;
    resize: vertical;
    user-select: text;
    font-family: inherit;
    transition: border-color 0.15s ease, background 0.15s ease;
}

#tm-chat-panel .tm-chat-input:focus {
    border-color: rgba(38, 99, 240, 0.4);
    background: rgba(0, 0, 0, 0.4);
}

#tm-chat-panel .tm-chat-input::placeholder {
    color: rgba(255, 255, 255, 0.35);
}

/* Primary Button (Add Template) */
#tm-chat-panel .tm-chat-btn {
    width: 100%;
    border: none;
    border-radius: 8px;
    background: rgba(38, 99, 240, 0.9);
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    padding: 10px 12px;
    cursor: pointer;
    transition: background 0.15s ease, transform 0.1s ease;
}

#tm-chat-panel .tm-chat-btn:hover {
    background: rgba(38, 99, 240, 1);
}

#tm-chat-panel .tm-chat-btn:active {
    transform: scale(0.98);
    background: rgba(38, 99, 240, 0.8);
}

#tm-chat-panel .tm-chat-footer {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: space-between;
}

#tm-chat-panel .tm-chat-muted {
    font-size: 11px;
    color: rgba(255, 255, 255, 0.4);
    user-select: none;
}

/* Collapsed State with Animation */
#tm-chat-panel.tm-chat-collapsed .tm-chat-body {
    display: none;
}

/* Panel Show/Hide Animation */
#tm-chat-panel.tm-chat-hidden {
    opacity: 0;
    transform: translateY(-10px);
    pointer-events: none;
}

/* Scrollbar Styling for Template List */
#tm-chat-panel .tm-chat-list::-webkit-scrollbar {
    width: 5px;
}

#tm-chat-panel .tm-chat-list::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.03);
    border-radius: 3px;
}

#tm-chat-panel .tm-chat-list::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.12);
    border-radius: 3px;
}

#tm-chat-panel .tm-chat-list::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.2);
}


/* ============================================
   Price Module - Profit Badge Styles
   Requirements: 5.1
   ============================================ */

.tm-profit-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(38, 99, 240, 0.12);
    color: #2663f0;
    border-radius: 6px;
    padding: 4px 8px;
    margin-left: 8px;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
    vertical-align: middle;
    line-height: 1.4;
    letter-spacing: 0.2px;
    transition: background 0.15s ease;
}

.tm-profit-badge:hover {
    background: rgba(38, 99, 240, 0.18);
}

/* Ensure badge doesn't break layout */
.tm-profit-badge::before {
    content: '';
    display: inline-block;
    width: 0;
}

/* Badge with boost (rocket emoji) */
.tm-profit-badge-boost {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(76, 175, 80, 0.12);
    color: #4caf50;
    border-radius: 6px;
    padding: 4px 8px;
    margin-left: 8px;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
    vertical-align: middle;
    line-height: 1.4;
    letter-spacing: 0.2px;
    transition: background 0.15s ease;
}

.tm-profit-badge-boost:hover {
    background: rgba(76, 175, 80, 0.18);
}

/* ============================================
   Price Module - Totals Widget Styles
   Requirements: 8.1
   ============================================ */

#tm-profit-totals {
    position: fixed;
    top: auto;
    left: auto;
    right: 16px;
    bottom: 16px;
    z-index: 999999;
    min-width: 180px;
    max-width: min(320px, calc(100vw - 32px));
    background: rgba(30, 30, 35, 0.95);
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    box-shadow: 
        0 8px 32px rgba(0, 0, 0, 0.4),
        inset 0 1px 0 rgba(255, 255, 255, 0.05);
    padding: 14px 18px;
    font-family: Inter, system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
    user-select: none;
    cursor: grab;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    transition: box-shadow 0.2s ease;
}

#tm-profit-totals:hover {
    box-shadow: 
        0 12px 40px rgba(0, 0, 0, 0.5),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

#tm-profit-totals.tm-dragging {
    cursor: grabbing;
    box-shadow: 
        0 20px 50px rgba(0, 0, 0, 0.6),
        inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

#tm-profit-totals .tm-title {
    font-size: 11px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.5);
    margin-bottom: 8px;
    text-transform: uppercase;
    letter-spacing: 0.8px;
}

#tm-profit-totals .tm-value {
    font-size: 18px;
    font-weight: 700;
    color: #2663f0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: 0.2px;
}

/* Hidden state for totals widget */
#tm-profit-totals.tm-hidden {
    opacity: 0;
    transform: translateY(10px);
    pointer-events: none;
}

/* Responsive adjustments for smaller screens */
@media (max-width: 480px) {
    #tm-profit-totals {
        min-width: 160px;
        padding: 12px 14px;
    }
    
    #tm-profit-totals .tm-value {
        font-size: 16px;
    }
}

/* ============================================
   Toast Notification Styles
   ============================================ */

#tm-qr-toast {
    position: fixed;
    right: 16px;
    bottom: 16px;
    z-index: 9999999;
    padding: 10px 14px;
    border-radius: 12px;
    background: rgba(0, 0, 0, 0.90);
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    border: 1px solid rgba(255, 255, 255, 0.14);
    max-width: calc(100vw - 32px);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
    animation: tm-toast-in 0.2s ease;
}

@keyframes tm-toast-in {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ============================================
   Republish Module - Button Styles
   ============================================ */

/* Ряд кнопок публикации */
.tm-republish-row {
    display: flex;
    gap: 8px;
    width: 100%;
}

.tm-republish-btn,
.tm-republish-btn-boost {
    flex: 1;
    border: none;
    border-radius: 8px;
    padding: 12px 20px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s ease, transform 0.1s ease, opacity 0.15s ease;
    font-family: Inter, system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
    color: #fff;
    white-space: nowrap;
}

/* Синяя кнопка — выставить без буста */
.tm-republish-btn {
    background: #2663f0;
}

.tm-republish-btn:hover {
    background: #1b53d4;
}

.tm-republish-btn:active {
    transform: scale(0.97);
    background: #1747b8;
}

/* Красная кнопка — выставить с бустом */
.tm-republish-btn-boost {
    background: #e53935;
}

.tm-republish-btn-boost:hover {
    background: #c62828;
}

.tm-republish-btn-boost:active {
    transform: scale(0.97);
    background: #b71c1c;
}

/* Disabled state */
.tm-republish-btn:disabled,
.tm-republish-btn-boost:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
}

/* Republish Toast */
.tm-republish-toast {
    position: fixed;
    right: 16px;
    bottom: 16px;
    z-index: 9999999;
    padding: 12px 18px;
    border-radius: 12px;
    background: rgba(76, 175, 80, 0.95);
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    font-family: Inter, system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    animation: tm-toast-in 0.2s ease;
}

.tm-republish-toast-error {
    background: rgba(229, 57, 53, 0.95);
}

/* ============================================
   Card Action Buttons (Copy + Republish)
   ============================================ */

.tm-card-actions {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 6px 8px 4px;
    width: 100%;
}

.tm-card-btn {
    border: none;
    border-radius: 8px;
    padding: 7px 10px;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.2s ease, opacity 0.2s ease;
    font-family: Inter, system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
    color: rgba(255, 255, 255, 0.92);
    white-space: nowrap;
    width: 100%;
    letter-spacing: 0.1px;
}

.tm-card-btn:disabled {
    opacity: 0.4;
    cursor: not-allowed;
}

/* Скопировать */
.tm-card-btn-copy {
    background: rgba(38, 99, 240, 0.15);
    color: #6b9bff;
}

.tm-card-btn-copy:hover:not(:disabled) {
    background: rgba(38, 99, 240, 0.25);
}

/* Выставить */
.tm-card-btn-publish {
    background: rgba(76, 175, 80, 0.12);
    color: #6fcf73;
}

.tm-card-btn-publish:hover:not(:disabled) {
    background: rgba(76, 175, 80, 0.22);
}

/* Выставить с бустом */
.tm-card-btn-boost {
    background: rgba(229, 57, 53, 0.12);
    color: #f07070;
}

.tm-card-btn-boost:hover:not(:disabled) {
    background: rgba(229, 57, 53, 0.22);
}

/* Ряд: Скопировать + Удалить */
.tm-card-copy-row {
    display: flex;
    gap: 3px;
}

.tm-card-copy-row .tm-card-btn-copy {
    flex: 1;
}

.tm-card-btn-delete {
    background: rgba(229, 57, 53, 0.12);
    color: #f07070;
    min-width: 36px;
    width: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 7px;
}

.tm-card-btn-delete:hover:not(:disabled) {
    background: rgba(229, 57, 53, 0.25);
}

/* Ряд кнопок Выставить */
.tm-card-publish-row {
    display: flex;
    gap: 3px;
}

.tm-card-publish-row .tm-card-btn {
    flex: 1;
}

/* Ряд кнопок Поднять/Забустить */
.tm-card-boost-row {
    display: flex;
    gap: 3px;
}

.tm-card-boost-row .tm-card-btn {
    flex: 1;
}

/* Поднять (желтый — уже PREMIUM) */
.tm-card-btn-raise {
    background: rgba(255, 193, 7, 0.12);
    color: #ffd54f;
}

.tm-card-btn-raise:hover:not(:disabled) {
    background: rgba(255, 193, 7, 0.22);
}

/* Забустить (красный — не PREMIUM) */
.tm-card-btn-boost-active {
    background: rgba(229, 57, 53, 0.12);
    color: #f07070;
}

.tm-card-btn-boost-active:hover:not(:disabled) {
    background: rgba(229, 57, 53, 0.22);
}

/* ============================================
   Product Page Copy Button
   ============================================ */

.tm-product-copy-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 14px 24px;
    border: 1px solid rgba(38, 99, 240, 0.4);
    border-radius: 12px;
    background: transparent;
    color: #5b8def;
    font-size: 16px;
    font-weight: 600;
    font-family: Inter, system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
    cursor: pointer;
    transition: background 0.2s ease, border-color 0.2s ease;
    letter-spacing: 0.2px;
}

.tm-product-copy-btn:hover {
    background: rgba(38, 99, 240, 0.08);
    border-color: rgba(38, 99, 240, 0.6);
}

.tm-product-copy-btn:disabled {
    opacity: 0.4;
    cursor: not-allowed;
}

/* ============================================
   promo Alert Banner
   ============================================ */

#tm-tg-alert {
    position: fixed;
    top: 16px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 99999999;
    display: flex;
    align-items: center;
    gap: 8px;
    background: rgba(22, 22, 28, 0.95);
    border: 1px solid rgba(42, 171, 238, 0.25);
    border-radius: 12px;
    padding: 10px 14px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(42, 171, 238, 0.08);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    animation: tm-alert-in 0.3s ease;
    font-family: Inter, system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
    max-width: calc(100vw - 32px);
}

#tm-tg-alert.tm-tg-alert-hiding {
    animation: tm-alert-out 0.3s ease forwards;
}

@keyframes tm-alert-in {
    from { opacity: 0; transform: translateX(-50%) translateY(-20px); }
    to { opacity: 1; transform: translateX(-50%) translateY(0); }
}

@keyframes tm-alert-out {
    from { opacity: 1; transform: translateX(-50%) translateY(0); }
    to { opacity: 0; transform: translateX(-50%) translateY(-20px); }
}

.tm-tg-alert-link {
    display: flex;
    align-items: center;
    gap: 10px;
    color: rgba(255, 255, 255, 0.85);
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
    white-space: nowrap;
    transition: color 0.15s ease;
}

.tm-tg-alert-link:hover {
    color: #fff;
}

.tm-tg-alert-link b {
    color: #2AABEE;
    font-weight: 600;
}

.tm-tg-alert-icon {
    flex-shrink: 0;
}

.tm-tg-alert-close {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border: none;
    background: rgba(255, 255, 255, 0.06);
    color: rgba(255, 255, 255, 0.4);
    border-radius: 6px;
    font-size: 16px;
    cursor: pointer;
    flex-shrink: 0;
    margin-left: 4px;
    transition: background 0.15s ease, color 0.15s ease;
}

.tm-tg-alert-close:hover {
    background: rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.8);
}

/* ============================================
   Helper Page Module Styles (/helper)
   ============================================ */

/* Hide original site content when helper page is active */
body.ph-active > *:not(.ph-page):not(script):not(style) {
    display: none !important;
}

body.ph-active {
    background: #14161A !important;
    overflow-y: auto !important;
}

body.ph-active #tm-tg-alert {
    display: none !important;
}

/* Page container */
.ph-page {
    max-width: 800px;
    margin: 0 auto;
    padding: 40px 24px 60px;
    font-family: Inter, system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
    color: #EBECF0;
    min-height: 100vh;
}

/* Header */
.ph-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 32px;
    padding-bottom: 24px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.ph-header-left {
    display: flex;
    align-items: center;
    gap: 14px;
}

.ph-logo {
    width: 44px;
    height: 44px;
    border-radius: 12px;
}

.ph-title {
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.3px;
    margin: 0;
}

.ph-subtitle {
    display: block;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.4);
    font-weight: 500;
    margin-top: 2px;
}

.ph-version-badge {
    display: inline-flex;
    align-items: center;
    padding: 4px 12px;
    background: rgba(38, 99, 240, 0.12);
    color: #5b8def;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.3px;
}

/* Tabs */
.ph-tabs {
    display: flex;
    margin-bottom: 24px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.ph-tab {
    padding: 12px 24px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.45);
    border-bottom: 2px solid transparent;
    transition: all 0.2s ease;
    user-select: none;
}

.ph-tab:hover {
    color: rgba(255, 255, 255, 0.75);
}

.ph-tab.active {
    color: #fff;
    border-bottom-color: #1453FF;
}

/* Tab content */
.ph-tab-content {
    display: none;
}

.ph-tab-content.active {
    display: block;
}

/* Shops grid */
.ph-shops-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    margin-bottom: 20px;
}

.ph-shops-empty {
    grid-column: 1 / -1;
    text-align: center;
    color: #A4A8B2;
    font-size: 14px;
    padding: 40px 20px;
    line-height: 1.6;
}

.ph-shops-hint {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.25);
}

/* Shop card */
.ph-shop-card {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px;
    background: #282933;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    cursor: pointer;
    transition: border-color 0.15s ease, transform 0.1s ease;
    position: relative;
}

.ph-shop-card:hover {
    border-color: rgba(20, 83, 255, 0.3);
    transform: translateY(-1px);
}

.ph-shop-avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
    background: rgba(255, 255, 255, 0.06);
}

.ph-shop-info {
    flex: 1;
    min-width: 0;
}

.ph-shop-name {
    font-size: 15px;
    font-weight: 600;
    color: #EBECF0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 4px;
}

.ph-shop-meta {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 12px;
    color: #A4A8B2;
    flex-wrap: wrap;
}

.ph-meta-unread {
    color: #FF3D6A;
}

.ph-meta-balance {
    color: rgba(255, 255, 255, 0.85);
}

.ph-meta-pending {
    color: rgba(255, 255, 255, 0.85);
}

.ph-meta-sep {
    color: rgba(255, 255, 255, 0.2);
    margin: 0 2px;
}

.ph-shop-delete {
    opacity: 0;
    position: absolute;
    top: 8px;
    right: 8px;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: rgba(255, 255, 255, 0.06);
    color: rgba(255, 255, 255, 0.4);
    cursor: pointer;
    border-radius: 8px;
    font-size: 18px;
    transition: all 0.15s ease;
}

.ph-shop-card:hover .ph-shop-delete {
    opacity: 1;
}

.ph-shop-delete:hover {
    color: #FF3D6A;
    background: rgba(255, 61, 106, 0.12);
}

/* Add shop section */
.ph-add-section {
    margin-bottom: 8px;
}

.ph-add-form {
    background: #282933;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    padding: 20px;
    margin-bottom: 12px;
}

.ph-token-input {
    width: 100%;
    padding: 12px 14px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    color: #EBECF0;
    font-size: 14px;
    outline: none;
    transition: border-color 0.2s ease;
    font-family: inherit;
}

.ph-token-input::placeholder {
    color: #A4A8B2;
}

.ph-token-input:focus {
    border-color: #1453FF;
}

.ph-add-actions {
    display: flex;
    gap: 8px;
    margin-top: 12px;
}

/* Buttons */
.ph-btn {
    padding: 10px 20px;
    border: none;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s ease;
    font-family: inherit;
}

.ph-btn-primary {
    background: #1453FF;
    color: #fff;
    flex: 1;
}

.ph-btn-primary:hover {
    background: #3D71FF;
}

.ph-btn-secondary {
    background: rgba(255, 255, 255, 0.08);
    color: #A4A8B2;
}

.ph-btn-secondary:hover {
    background: rgba(255, 255, 255, 0.12);
    color: #EBECF0;
}

.ph-btn-add {
    width: 100%;
    background: transparent;
    color: #A4A8B2;
    border: 1px dashed rgba(255, 255, 255, 0.12);
    padding: 14px;
    font-size: 14px;
    font-weight: 500;
}

.ph-btn-add:hover {
    background: rgba(255, 255, 255, 0.04);
    color: #EBECF0;
    border-color: rgba(255, 255, 255, 0.2);
}

/* Error message */
.ph-error-msg {
    color: #FF3D6A;
    font-size: 13px;
    margin-top: 8px;
}

.ph-token-result {
    margin-top: 8px;
    padding: 8px 12px;
    border-radius: 8px;
    font-size: 13px;
    word-break: break-all;
    line-height: 1.5;
}

.ph-token-success {
    background: rgba(43, 124, 255, 0.1);
    border: 1px solid rgba(43, 124, 255, 0.25);
    color: rgba(255, 255, 255, 0.85);
}

.ph-token-error {
    background: rgba(255, 61, 106, 0.1);
    border: 1px solid rgba(255, 61, 106, 0.25);
    color: #FF3D6A;
}

/* Settings card */
.ph-settings-card {
    background: #282933;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    padding: 8px;
}

.ph-section-label {
    font-size: 12px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.4);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 16px 16px 4px;
}

.ph-setting-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px;
    border-radius: 8px;
    transition: background 0.15s ease;
}

.ph-setting-item:hover {
    background: rgba(255, 255, 255, 0.03);
}

.ph-setting-item + .ph-setting-item {
    border-top: 1px solid rgba(255, 255, 255, 0.04);
}

.ph-setting-text {
    flex: 1;
}

.ph-setting-label {
    font-size: 14px;
    font-weight: 500;
    color: #EBECF0;
}

.ph-setting-desc {
    font-size: 12px;
    color: #A4A8B2;
    margin-top: 4px;
}

/* Toggle switch */
.ph-switch {
    position: relative;
    display: inline-block;
    width: 44px;
    height: 24px;
    flex-shrink: 0;
}

.ph-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.ph-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.15);
    transition: all 0.3s ease;
    border-radius: 24px;
}

.ph-slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 3px;
    bottom: 3px;
    background-color: #fff;
    transition: all 0.3s ease;
    border-radius: 50%;
}

.ph-switch input:checked + .ph-slider {
    background-color: #1453FF;
}

.ph-switch input:checked + .ph-slider:before {
    transform: translateX(20px);
}

.ph-slider:hover {
    background-color: rgba(255, 255, 255, 0.25);
}

.ph-switch input:checked + .ph-slider:hover {
    background-color: #3D71FF;
}

/* Calculator tab */
.ph-calc-card {
    background: #282933;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    padding: 8px;
    margin-bottom: 16px;
}

.ph-calc-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px;
    border-radius: 8px;
    transition: background 0.15s ease;
}

.ph-calc-row:hover {
    background: rgba(255, 255, 255, 0.03);
}

.ph-calc-row + .ph-calc-row {
    border-top: 1px solid rgba(255, 255, 255, 0.04);
}

.ph-calc-label {
    font-size: 14px;
    font-weight: 500;
    color: #EBECF0;
}

.ph-calc-label-wrap {
    flex: 1;
    min-width: 0;
}

.ph-calc-hint {
    font-size: 12px;
    color: #A4A8B2;
    margin-top: 4px;
}

.ph-calc-input-wrap {
    position: relative;
    display: flex;
    align-items: center;
    width: 140px;
    flex-shrink: 0;
}

.ph-calc-input {
    width: 100%;
    padding: 10px 32px 10px 12px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    color: #EBECF0;
    font-size: 14px;
    font-family: inherit;
    outline: none;
    transition: border-color 0.2s ease;
    text-align: right;
    font-variant-numeric: tabular-nums;
    -moz-appearance: textfield;
}

.ph-calc-input::-webkit-inner-spin-button,
.ph-calc-input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.ph-calc-input:focus {
    border-color: #1453FF;
}

.ph-calc-suffix {
    position: absolute;
    right: 12px;
    color: #A4A8B2;
    font-size: 14px;
    pointer-events: none;
}

.ph-calc-segmented {
    display: inline-flex;
    background: rgba(255, 255, 255, 0.06);
    border-radius: 8px;
    padding: 3px;
    gap: 2px;
    flex-shrink: 0;
}

.ph-calc-seg-btn {
    padding: 7px 18px;
    background: transparent;
    border: none;
    border-radius: 6px;
    color: #A4A8B2;
    font-size: 13px;
    font-weight: 600;
    font-family: inherit;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease;
}

.ph-calc-seg-btn:hover:not(.active) {
    color: #EBECF0;
}

.ph-calc-seg-btn.active {
    background: #1453FF;
    color: #fff;
}

.ph-calc-result {
    background: #282933;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    padding: 20px 24px;
}

.ph-calc-result-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 7px 0;
    font-size: 14px;
}

.ph-calc-result-label {
    color: #A4A8B2;
}

.ph-calc-result-val {
    color: #EBECF0;
    font-weight: 500;
    font-variant-numeric: tabular-nums;
}

.ph-calc-minus {
    color: #FF3D6A;
}

.ph-calc-result-divider {
    height: 1px;
    background: rgba(255, 255, 255, 0.08);
    margin: 10px 0;
}

.ph-calc-result-total {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 4px 0 2px;
}

.ph-calc-total-label {
    font-size: 15px;
    font-weight: 600;
    color: #EBECF0;
}

.ph-calc-total-val {
    font-size: 22px;
    font-weight: 700;
    color: #4CAF50;
    font-variant-numeric: tabular-nums;
}

/* Footer */
.ph-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 40px;
    padding-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.ph-footer-tg {
    display: flex;
    align-items: center;
    gap: 8px;
    color: rgba(255, 255, 255, 0.4);
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
    transition: color 0.15s ease;
}

.ph-footer-tg:hover {
    color: #2AABEE;
}

.ph-tg-icon {
    flex-shrink: 0;
    border-radius: 50%;
}

.ph-footer-version {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.25);
}

/* Fee input */
.ph-fee-input-wrap {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
}

.ph-fee-input {
    width: 68px;
    padding: 8px 10px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    color: #EBECF0;
    font-size: 14px;
    font-family: inherit;
    outline: none;
    text-align: center;
    transition: border-color 0.2s ease;
    -moz-appearance: textfield;
}

.ph-fee-input::-webkit-inner-spin-button,
.ph-fee-input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.ph-fee-input:focus {
    border-color: #1453FF;
}

.ph-fee-suffix {
    font-size: 14px;
    color: #A4A8B2;
    font-weight: 500;
}

/* Pause Message Textarea */
.ph-pause-message-input {
    width: 100%;
    padding: 10px 12px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    color: #EBECF0;
    font-size: 14px;
    font-family: inherit;
    outline: none;
    resize: vertical;
    min-height: 60px;
    transition: border-color 0.2s ease;
}

.ph-pause-message-input::placeholder {
    color: #6B6F7A;
}

.ph-pause-message-input:focus {
    border-color: #1453FF;
}

/* WS Log tab */
.ph-ws-toolbar {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
}

.ph-ws-filter {
    padding: 8px 12px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    color: #EBECF0;
    font-size: 13px;
    font-family: inherit;
    outline: none;
    cursor: pointer;
}

.ph-ws-filter:focus {
    border-color: #1453FF;
}

.ph-ws-status {
    font-size: 13px;
    font-weight: 500;
    flex: 1;
    text-align: right;
}

.ph-ws-clear-btn {
    font-size: 13px;
    padding: 8px 16px;
}

.ph-ws-log-list {
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 10px;
    max-height: 600px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.15) transparent;
}

.ph-ws-log-list::-webkit-scrollbar {
    width: 6px;
}

.ph-ws-log-list::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.15);
    border-radius: 3px;
}

.ph-ws-log-empty {
    padding: 40px 20px;
    text-align: center;
    color: rgba(255, 255, 255, 0.35);
    font-size: 14px;
}

.ph-ws-log-entry {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04);
    font-size: 13px;
    flex-wrap: wrap;
    transition: background 0.15s ease;
}

.ph-ws-log-entry:hover {
    background: rgba(255, 255, 255, 0.03);
}

.ph-ws-log-entry:last-child {
    border-bottom: none;
}

.ph-ws-log-time {
    color: rgba(255, 255, 255, 0.35);
    font-size: 12px;
    font-family: 'SF Mono', 'Fira Code', 'Consolas', monospace;
    flex-shrink: 0;
    min-width: 65px;
}

.ph-ws-log-shop {
    color: #64B5F6;
    font-weight: 600;
    font-size: 12px;
    flex-shrink: 0;
    min-width: 80px;
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ph-ws-log-level {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.5px;
    flex-shrink: 0;
    min-width: 48px;
}

.ph-ws-log-msg {
    color: #EBECF0;
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ph-ws-log-badge {
    font-size: 11px;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 4px;
    flex-shrink: 0;
}

.ph-ws-log-details {
    width: 100%;
    margin-top: 8px;
    padding: 10px 12px;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 6px;
    color: rgba(255, 255, 255, 0.7);
    font-size: 12px;
    font-family: 'SF Mono', 'Fira Code', 'Consolas', monospace;
    white-space: pre-wrap;
    word-break: break-all;
    line-height: 1.5;
    max-height: 300px;
    overflow-y: auto;
}

/* Responsive */
@media (max-width: 640px) {
    .ph-page {
        padding: 24px 16px 40px;
    }

    .ph-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .ph-shops-grid {
        grid-template-columns: 1fr;
    }

    .ph-tab {
        padding: 12px 16px;
    }

    .ph-footer {
        flex-direction: column;
        gap: 8px;
        text-align: center;
    }
}


/* =========================================================
   Local Pro Premium Theme v1.1.5
   Dark SaaS / clean glass / soft neon, high readability
   ========================================================= */
:root {
    --ph-bg: #07080d;
    --ph-bg-2: #0b0d14;
    --ph-card: #11141d;
    --ph-card-2: #151925;
    --ph-card-3: #1a1f2e;
    --ph-border: rgba(164, 177, 255, 0.13);
    --ph-border-strong: rgba(139, 92, 246, 0.30);
    --ph-text: #f3f6ff;
    --ph-text-2: #c3cadb;
    --ph-muted: #838ca3;
    --ph-purple: #8b5cf6;
    --ph-purple-2: #6d5dfc;
    --ph-blue: #60a5fa;
    --ph-green: #34d399;
    --ph-red: #fb7185;
    --ph-warn: #fbbf24;
    --ph-shadow: 0 24px 70px rgba(0, 0, 0, 0.42);
    --ph-glow: 0 0 0 1px rgba(139, 92, 246, 0.18), 0 0 34px rgba(109, 93, 252, 0.13);
    --ph-radius: 18px;
    --ph-radius-sm: 12px;
    --ph-font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", Inter, "Segoe UI", Roboto, Arial, sans-serif;
}

body.ph-active,
html:has(body.ph-active) {
    background: radial-gradient(circle at 20% -10%, rgba(139, 92, 246, 0.16), transparent 34%),
                radial-gradient(circle at 85% 8%, rgba(96, 165, 250, 0.11), transparent 26%),
                linear-gradient(180deg, #06070b, #090b10 46%, #07080d) !important;
}

body.ph-active {
    color: var(--ph-text) !important;
    font-family: var(--ph-font) !important;
}

body.ph-active #tm-tg-alert,
#tm-tg-alert,
.ph-footer-tg,
.tg-btn,
.ph-tg-icon {
    display: none !important;
}

/* Shared typography and panels */
#tm-chat-panel,
#tm-profit-totals,
.tm-republish-toast,
#tm-qr-toast,
.ph-page,
.ph-page * {
    font-family: var(--ph-font) !important;
    letter-spacing: -0.012em;
}

/* Floating chat/autoreply panel */
#tm-chat-panel {
    width: 372px !important;
    background: linear-gradient(180deg, rgba(20, 23, 34, 0.94), rgba(11, 13, 20, 0.96)) !important;
    color: var(--ph-text) !important;
    border: 1px solid var(--ph-border) !important;
    border-radius: 22px !important;
    box-shadow: var(--ph-shadow), var(--ph-glow), inset 0 1px 0 rgba(255,255,255,0.05) !important;
    backdrop-filter: blur(22px) saturate(128%) !important;
    -webkit-backdrop-filter: blur(22px) saturate(128%) !important;
    overflow: hidden !important;
}

#tm-chat-panel::before,
#tm-profit-totals::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: radial-gradient(circle at 20% 0%, rgba(139,92,246,0.20), transparent 32%),
                radial-gradient(circle at 92% 8%, rgba(96,165,250,0.12), transparent 28%);
    opacity: .9;
}

#tm-chat-panel:hover,
#tm-profit-totals:hover {
    box-shadow: 0 28px 84px rgba(0,0,0,0.48), 0 0 0 1px rgba(139, 92, 246, 0.24), 0 0 42px rgba(109, 93, 252, 0.18) !important;
}

#tm-chat-panel .tm-chat-header {
    position: relative;
    z-index: 1;
    padding: 14px 16px !important;
    background: rgba(255,255,255,0.025) !important;
    border-bottom: 1px solid rgba(164,177,255,0.10) !important;
}

#tm-chat-panel .tm-chat-title {
    font-size: 13px !important;
    color: var(--ph-text) !important;
    font-weight: 760 !important;
}

#tm-chat-panel .tm-chat-title::before {
    content: "";
    display: inline-block;
    width: 9px;
    height: 9px;
    margin-right: 9px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--ph-purple), var(--ph-blue));
    box-shadow: 0 0 18px rgba(139,92,246,0.55);
}

#tm-chat-panel .tm-chat-body {
    position: relative;
    z-index: 1;
    padding: 14px 16px 16px !important;
    gap: 14px !important;
}

#tm-chat-panel .tm-chat-compose,
.ph-settings-card,
.ph-calc-card,
.ph-add-form,
.ph-shop-card,
.change-item {
    background: linear-gradient(180deg, rgba(26, 31, 46, 0.92), rgba(17, 20, 29, 0.94)) !important;
    border: 1px solid var(--ph-border) !important;
    border-radius: var(--ph-radius) !important;
    box-shadow: 0 14px 36px rgba(0,0,0,0.22), inset 0 1px 0 rgba(255,255,255,0.04) !important;
}

#tm-chat-panel .tm-chat-chip,
.tm-card-btn,
.tm-product-copy-btn,
.tm-republish-btn,
.tm-republish-btn-boost,
.ph-btn,
.ph-calc-seg-btn,
.ph-tab {
    border-radius: var(--ph-radius-sm) !important;
    transition: transform .14s ease, background .14s ease, border-color .14s ease, box-shadow .14s ease, color .14s ease !important;
}

#tm-chat-panel .tm-chat-chip {
    background: rgba(139, 92, 246, 0.11) !important;
    border: 1px solid rgba(139, 92, 246, 0.25) !important;
    color: var(--ph-text) !important;
    padding: 9px 11px !important;
}

#tm-chat-panel .tm-chat-chip:hover {
    background: rgba(139, 92, 246, 0.18) !important;
    border-color: rgba(139, 92, 246, 0.44) !important;
    box-shadow: 0 0 24px rgba(139,92,246,0.14) !important;
    transform: translateY(-1px) !important;
}

#tm-chat-panel .tm-chat-chip-text,
#tm-chat-panel .tm-chat-muted,
.ph-setting-label,
.ph-calc-label,
.ph-shop-name,
.change-text {
    color: var(--ph-text) !important;
}

#tm-chat-panel .tm-chat-muted,
.ph-setting-desc,
.ph-calc-hint,
.ph-shop-meta,
.ph-subtitle,
.ph-shops-empty,
.ph-shops-hint,
.version-date,
.footer,
.footer a {
    color: var(--ph-muted) !important;
}

#tm-chat-panel .tm-chat-input,
.ph-token-input,
.ph-calc-input,
.ph-fee-input,
.ph-pause-message-input,
.ph-ws-filter {
    background: rgba(7, 8, 13, 0.62) !important;
    border: 1px solid rgba(164,177,255,0.14) !important;
    color: var(--ph-text) !important;
    border-radius: 14px !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.035) !important;
}

#tm-chat-panel .tm-chat-input::placeholder,
.ph-token-input::placeholder,
.ph-calc-input::placeholder,
.ph-pause-message-input::placeholder {
    color: rgba(195,202,219,0.42) !important;
}

#tm-chat-panel .tm-chat-input:focus,
.ph-token-input:focus,
.ph-calc-input:focus,
.ph-fee-input:focus,
.ph-pause-message-input:focus,
.ph-ws-filter:focus {
    border-color: rgba(139,92,246,0.65) !important;
    box-shadow: 0 0 0 4px rgba(139,92,246,0.12), inset 0 1px 0 rgba(255,255,255,0.04) !important;
}

#tm-chat-panel .tm-chat-btn,
.ph-btn-primary,
.tm-republish-btn,
.tm-card-btn-copy,
.tm-product-copy-btn {
    background: linear-gradient(135deg, rgba(139,92,246,0.96), rgba(96,165,250,0.88)) !important;
    color: #ffffff !important;
    border: 1px solid rgba(180,160,255,0.35) !important;
    box-shadow: 0 12px 30px rgba(109,93,252,0.22) !important;
}

#tm-chat-panel .tm-chat-btn:hover,
.ph-btn-primary:hover,
.tm-republish-btn:hover,
.tm-card-btn-copy:hover:not(:disabled),
.tm-product-copy-btn:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 16px 36px rgba(109,93,252,0.30) !important;
    filter: saturate(1.06) !important;
}

#tm-chat-panel .tm-chat-small-btn,
.ph-btn-secondary,
.ph-btn-add,
.ph-calc-segmented,
.ph-calc-seg-btn,
.ph-ws-clear-btn {
    background: rgba(255,255,255,0.055) !important;
    border: 1px solid rgba(164,177,255,0.10) !important;
    color: var(--ph-text-2) !important;
}

#tm-chat-panel .tm-chat-small-btn:hover,
.ph-btn-secondary:hover,
.ph-btn-add:hover,
.ph-calc-seg-btn:hover,
.ph-ws-clear-btn:hover {
    background: rgba(139,92,246,0.13) !important;
    color: var(--ph-text) !important;
    border-color: rgba(139,92,246,0.26) !important;
}

/* Profit badges and totals */
.tm-profit-badge,
.tm-profit-badge-boost {
    border-radius: 999px !important;
    padding: 5px 9px !important;
    font-weight: 760 !important;
    border: 1px solid rgba(52,211,153,0.22) !important;
    background: rgba(52,211,153,0.12) !important;
    color: #7bf0bd !important;
    box-shadow: 0 0 18px rgba(52,211,153,0.10) !important;
}

.tm-profit-badge.tm-negative,
.tm-calc-minus,
.ph-calc-minus,
.ph-error-msg,
.ph-meta-unread,
.ph-token-error {
    color: var(--ph-red) !important;
}

#tm-profit-totals {
    background: linear-gradient(180deg, rgba(20,23,34,0.94), rgba(11,13,20,0.96)) !important;
    color: var(--ph-text) !important;
    border: 1px solid var(--ph-border) !important;
    border-radius: 20px !important;
    box-shadow: var(--ph-shadow), var(--ph-glow), inset 0 1px 0 rgba(255,255,255,0.04) !important;
    padding: 16px 18px !important;
}

#tm-profit-totals .tm-title {
    color: var(--ph-muted) !important;
    font-weight: 780 !important;
    letter-spacing: .08em !important;
}

#tm-profit-totals .tm-value,
.ph-calc-result-total .ph-calc-result-val,
.ph-calc-total-val,
.ph-meta-balance,
.ph-meta-pending {
    color: var(--ph-green) !important;
    text-shadow: 0 0 22px rgba(52,211,153,0.16) !important;
}

/* Republish/card action buttons */
.tm-card-actions {
    gap: 5px !important;
    padding: 7px 8px 5px !important;
}

.tm-card-btn {
    background: rgba(139,92,246,0.10) !important;
    border: 1px solid rgba(139,92,246,0.17) !important;
    color: var(--ph-text-2) !important;
    font-weight: 680 !important;
}

.tm-card-btn:hover:not(:disabled) {
    background: rgba(139,92,246,0.17) !important;
    color: var(--ph-text) !important;
    transform: translateY(-1px) !important;
}

.tm-card-btn-publish,
.tm-card-btn-raise,
.tm-republish-btn {
    background: rgba(52,211,153,0.12) !important;
    border-color: rgba(52,211,153,0.22) !important;
    color: #86efac !important;
}

.tm-card-btn-publish:hover:not(:disabled),
.tm-card-btn-raise:hover:not(:disabled) {
    background: rgba(52,211,153,0.18) !important;
}

.tm-card-btn-boost,
.tm-card-btn-boost-active,
.tm-card-btn-delete,
.tm-republish-btn-boost,
.tm-republish-toast-error {
    background: rgba(251,113,133,0.13) !important;
    border-color: rgba(251,113,133,0.24) !important;
    color: #fda4af !important;
}

.tm-card-btn-delete:hover:not(:disabled),
.tm-card-btn-boost:hover:not(:disabled),
.tm-card-btn-boost-active:hover:not(:disabled),
.tm-republish-btn-boost:hover {
    background: rgba(251,113,133,0.22) !important;
    color: #fff1f2 !important;
}

.tm-republish-toast,
#tm-qr-toast {
    background: rgba(17,20,29,0.92) !important;
    color: var(--ph-text) !important;
    border: 1px solid rgba(164,177,255,0.16) !important;
    border-radius: 16px !important;
    box-shadow: 0 18px 48px rgba(0,0,0,0.42), var(--ph-glow) !important;
    backdrop-filter: blur(22px) saturate(128%) !important;
}

/* Helper full page */
.ph-page {
    max-width: 920px !important;
    color: var(--ph-text) !important;
    padding: 42px 26px 70px !important;
}

.ph-header {
    background: linear-gradient(180deg, rgba(20,23,34,0.74), rgba(15,18,27,0.46)) !important;
    border: 1px solid var(--ph-border) !important;
    border-radius: 26px !important;
    padding: 20px !important;
    margin-bottom: 24px !important;
    box-shadow: 0 18px 54px rgba(0,0,0,0.28), inset 0 1px 0 rgba(255,255,255,0.04) !important;
}

.ph-logo,
.logo {
    border-radius: 14px !important;
    box-shadow: 0 0 26px rgba(139,92,246,0.28) !important;
}

.ph-title,
.header h1,
.version-title {
    color: var(--ph-text) !important;
    font-weight: 790 !important;
    letter-spacing: -0.035em !important;
}

.ph-version-badge,
.version-tag,
.version-tag.latest {
    background: rgba(139,92,246,0.13) !important;
    border: 1px solid rgba(139,92,246,0.25) !important;
    color: #c4b5fd !important;
    border-radius: 999px !important;
}

.ph-tabs {
    border-bottom: none !important;
    padding: 6px !important;
    border-radius: 18px !important;
    background: rgba(17,20,29,0.72) !important;
    border: 1px solid var(--ph-border) !important;
    margin-bottom: 22px !important;
}

.ph-tab {
    border-bottom: none !important;
    border-radius: 14px !important;
    color: var(--ph-muted) !important;
}

.ph-tab.active {
    color: var(--ph-text) !important;
    background: linear-gradient(135deg, rgba(139,92,246,0.26), rgba(96,165,250,0.12)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.04), 0 10px 26px rgba(109,93,252,0.12) !important;
}

.ph-shops-grid {
    gap: 14px !important;
}

.ph-shop-card:hover,
.ph-setting-item:hover,
.ph-calc-row:hover,
.change-item:hover {
    border-color: rgba(139,92,246,0.28) !important;
    background: linear-gradient(180deg, rgba(31,37,54,0.96), rgba(19,23,34,0.94)) !important;
    transform: translateY(-1px) !important;
}

.ph-shop-delete {
    background: rgba(251,113,133,0.10) !important;
    color: #fda4af !important;
    border: 1px solid rgba(251,113,133,0.16) !important;
}

.ph-shop-delete:hover {
    background: rgba(251,113,133,0.18) !important;
    color: #fff !important;
}

.ph-section-label {
    color: #a78bfa !important;
    letter-spacing: .09em !important;
}

.ph-setting-item,
.ph-calc-row {
    border-radius: 14px !important;
}

.ph-setting-item + .ph-setting-item,
.ph-calc-row + .ph-calc-row {
    border-top: 1px solid rgba(164,177,255,0.08) !important;
}

.ph-slider {
    background-color: rgba(255,255,255,0.12) !important;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.35) !important;
}

.ph-switch input:checked + .ph-slider {
    background: linear-gradient(135deg, var(--ph-purple), var(--ph-blue)) !important;
    box-shadow: 0 0 24px rgba(139,92,246,0.20) !important;
}

.ph-slider:before {
    background-color: #fff !important;
    box-shadow: 0 4px 14px rgba(0,0,0,0.32) !important;
}

.ph-calc-segmented {
    padding: 4px !important;
    border-radius: 14px !important;
}

.ph-calc-seg-btn.active,
.ph-calc-seg-btn.ph-active {
    background: rgba(139,92,246,0.22) !important;
    color: var(--ph-text) !important;
}

.ph-token-success {
    background: rgba(52,211,153,0.10) !important;
    border: 1px solid rgba(52,211,153,0.22) !important;
    color: #a7f3d0 !important;
}

.ph-token-error,
.ph-error-msg {
    background: rgba(251,113,133,0.10) !important;
    border-color: rgba(251,113,133,0.22) !important;
}

.ph-footer {
    justify-content: flex-end !important;
    color: var(--ph-muted) !important;
    border-top: 1px solid rgba(164,177,255,0.08) !important;
}

.ph-footer-version {
    padding: 6px 10px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,0.05) !important;
    border: 1px solid rgba(164,177,255,0.10) !important;
}

/* WS logs */
.ph-ws-log-entry,
.ph-ws-toolbar {
    background: rgba(17,20,29,0.74) !important;
    border: 1px solid rgba(164,177,255,0.10) !important;
    border-radius: 14px !important;
}

.ph-ws-log-msg,
.ph-ws-log-shop,
.ph-ws-log-time,
.ph-ws-log-details {
    color: var(--ph-text-2) !important;
}

.ph-ws-log-badge,
.ph-ws-status {
    background: rgba(139,92,246,0.12) !important;
    color: #c4b5fd !important;
    border: 1px solid rgba(139,92,246,0.22) !important;
}

/* Scrollbars */
#tm-chat-panel *::-webkit-scrollbar,
.ph-page *::-webkit-scrollbar,
body.ph-active::-webkit-scrollbar {
    width: 9px;
    height: 9px;
}
#tm-chat-panel *::-webkit-scrollbar-thumb,
.ph-page *::-webkit-scrollbar-thumb,
body.ph-active::-webkit-scrollbar-thumb {
    background: rgba(139,92,246,0.30);
    border-radius: 999px;
    border: 2px solid rgba(7,8,13,0.7);
}
#tm-chat-panel *::-webkit-scrollbar-track,
.ph-page *::-webkit-scrollbar-track,
body.ph-active::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.03);
}

@media (max-width: 760px) {
    #tm-chat-panel {
        width: min(372px, calc(100vw - 24px)) !important;
    }
    .ph-page {
        padding: 22px 14px 44px !important;
    }
    .ph-header,
    .header {
        border-radius: 20px !important;
    }
    .ph-shops-grid {
        grid-template-columns: 1fr !important;
    }
}


/* =========================================================
   Local Pro 1.1.6 — Obsidian SaaS redesign
   Serious dark UI, clear contrast, subtle violet glow.
   ========================================================= */
:root {
    --ph-bg: #07080d;
    --ph-bg-elev: #0d1018;
    --ph-surface: #111622;
    --ph-surface-2: #151b29;
    --ph-surface-3: #1b2233;
    --ph-line: rgba(148, 163, 184, 0.14);
    --ph-line-2: rgba(139, 92, 246, 0.28);
    --ph-text: #f8fafc;
    --ph-text-soft: #d7deeb;
    --ph-muted: #8d98ad;
    --ph-accent: #8b5cf6;
    --ph-accent-2: #6366f1;
    --ph-blue: #60a5fa;
    --ph-green: #2dd4bf;
    --ph-green-2: #34d399;
    --ph-red: #fb7185;
    --ph-radius-xl: 24px;
    --ph-radius-lg: 18px;
    --ph-radius-md: 13px;
    --ph-font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", Inter, "Segoe UI", Roboto, Arial, sans-serif;
}

body.ph-active {
    background:
        radial-gradient(circle at 18% -8%, rgba(99, 102, 241, 0.22), transparent 30%),
        radial-gradient(circle at 96% 4%, rgba(45, 212, 191, 0.10), transparent 24%),
        linear-gradient(180deg, #05060a 0%, #080a0f 45%, #06070b 100%) !important;
    color: var(--ph-text) !important;
    font-family: var(--ph-font) !important;
}

.ph-page {
    max-width: 1080px !important;
    padding: 34px 28px 72px !important;
    color: var(--ph-text) !important;
}

.ph-header {
    position: relative;
    overflow: hidden;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 22px 24px !important;
    margin-bottom: 18px !important;
    border-radius: 28px !important;
    background:
        linear-gradient(135deg, rgba(26, 32, 49, 0.92), rgba(11, 14, 22, 0.92)),
        radial-gradient(circle at 15% 0%, rgba(139, 92, 246, 0.26), transparent 34%) !important;
    border: 1px solid rgba(148, 163, 184, 0.16) !important;
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.34), inset 0 1px 0 rgba(255,255,255,0.05) !important;
}

.ph-header::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(115deg, rgba(255,255,255,0.08), transparent 34%, rgba(99,102,241,0.08) 70%, transparent);
}

.ph-header-left,
.ph-header > * {
    position: relative;
    z-index: 1;
}

.ph-logo,
.logo {
    border-radius: 18px !important;
    background: rgba(255,255,255,0.05) !important;
    box-shadow: 0 0 0 1px rgba(148,163,184,0.16), 0 18px 44px rgba(99,102,241,0.18) !important;
}

.ph-title {
    font-size: 26px !important;
    line-height: 1.05 !important;
    font-weight: 820 !important;
    letter-spacing: -0.045em !important;
    color: var(--ph-text) !important;
}

.ph-subtitle {
    color: var(--ph-muted) !important;
    font-weight: 560 !important;
}

.ph-version-badge,
.ph-footer-version {
    border-radius: 999px !important;
    padding: 7px 11px !important;
    background: rgba(139, 92, 246, 0.14) !important;
    border: 1px solid rgba(139, 92, 246, 0.32) !important;
    color: #c4b5fd !important;
}

.ph-tabs {
    position: sticky !important;
    top: 12px !important;
    z-index: 20 !important;
    display: flex !important;
    gap: 6px !important;
    padding: 7px !important;
    margin: 0 0 18px !important;
    border-radius: 20px !important;
    background: rgba(13, 16, 24, 0.86) !important;
    border: 1px solid rgba(148, 163, 184, 0.14) !important;
    box-shadow: 0 18px 42px rgba(0,0,0,0.22), inset 0 1px 0 rgba(255,255,255,0.03) !important;
    backdrop-filter: blur(18px) saturate(130%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(130%) !important;
}

.ph-tab {
    flex: 1 1 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 42px !important;
    border-radius: 15px !important;
    border: 1px solid transparent !important;
    color: var(--ph-muted) !important;
    font-weight: 720 !important;
    background: transparent !important;
    transition: transform .16s ease, background .16s ease, border-color .16s ease, color .16s ease !important;
}

.ph-tab:hover {
    transform: translateY(-1px) !important;
    color: var(--ph-text-soft) !important;
    background: rgba(255,255,255,0.035) !important;
}

.ph-tab.active {
    color: var(--ph-text) !important;
    background: linear-gradient(135deg, rgba(139,92,246,0.34), rgba(96,165,250,0.12)) !important;
    border-color: rgba(139,92,246,0.28) !important;
    box-shadow: 0 12px 30px rgba(99,102,241,0.14), inset 0 1px 0 rgba(255,255,255,0.05) !important;
}

.ph-settings-card,
.ph-calc-card,
.ph-calc-result,
.ph-add-form,
.ph-shop-card,
.change-item,
.ph-ws-log-entry,
.ph-ws-toolbar {
    background: linear-gradient(180deg, rgba(21, 27, 41, 0.94), rgba(13, 16, 24, 0.96)) !important;
    border: 1px solid rgba(148, 163, 184, 0.14) !important;
    border-radius: var(--ph-radius-xl) !important;
    box-shadow: 0 20px 52px rgba(0,0,0,0.28), inset 0 1px 0 rgba(255,255,255,0.035) !important;
}

.ph-shop-card:hover,
.ph-setting-item:hover,
.ph-calc-row:hover,
.change-item:hover {
    transform: translateY(-1px) !important;
    background: linear-gradient(180deg, rgba(27, 34, 51, 0.96), rgba(15, 19, 29, 0.96)) !important;
    border-color: rgba(139, 92, 246, 0.28) !important;
    box-shadow: 0 24px 62px rgba(0,0,0,0.34), 0 0 32px rgba(99,102,241,0.09) !important;
}

.ph-section-label,
.ph-calc-eyebrow {
    color: #a78bfa !important;
    text-transform: uppercase !important;
    letter-spacing: .12em !important;
    font-size: 11px !important;
    font-weight: 780 !important;
}

.ph-setting-label,
.ph-calc-label,
.ph-shop-name,
.change-text,
.ph-ws-log-msg {
    color: var(--ph-text) !important;
}

.ph-setting-desc,
.ph-calc-hint,
.ph-shop-meta,
.ph-shops-empty,
.ph-shops-hint,
.ph-ws-log-time,
.ph-ws-log-details {
    color: var(--ph-muted) !important;
}

.ph-btn,
.ph-btn-primary,
.ph-btn-secondary,
.ph-btn-add,
.ph-ws-clear-btn,
.ph-calc-seg-btn,
.tm-card-btn,
.tm-product-copy-btn,
.tm-republish-btn,
.tm-republish-btn-boost {
    border-radius: 14px !important;
    font-weight: 740 !important;
    transition: transform .16s ease, box-shadow .16s ease, background .16s ease, border-color .16s ease !important;
}

.ph-btn-primary,
.ph-btn-add,
.tm-product-copy-btn,
.tm-card-btn-copy {
    background: linear-gradient(135deg, #7c3aed, #4f46e5) !important;
    color: #fff !important;
    border: 1px solid rgba(196,181,253,0.26) !important;
    box-shadow: 0 16px 38px rgba(99,102,241,0.20) !important;
}

.ph-btn-primary:hover,
.ph-btn-add:hover,
.tm-product-copy-btn:hover,
.tm-card-btn-copy:hover:not(:disabled) {
    transform: translateY(-1px) !important;
    box-shadow: 0 20px 46px rgba(99,102,241,0.28) !important;
}

.ph-btn-secondary,
.ph-calc-seg-btn,
.ph-ws-clear-btn {
    background: rgba(255,255,255,0.045) !important;
    border: 1px solid rgba(148,163,184,0.14) !important;
    color: var(--ph-text-soft) !important;
}

.ph-calc-card-pro,
.ph-calc-result-pro {
    padding: 22px !important;
}

.ph-calc-hero {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 18px !important;
    margin-bottom: 18px !important;
}

.ph-calc-heading {
    margin: 4px 0 6px !important;
    color: var(--ph-text) !important;
    font-size: 28px !important;
    line-height: 1.05 !important;
    font-weight: 830 !important;
    letter-spacing: -0.055em !important;
}

.ph-calc-subtext {
    margin: 0 !important;
    color: var(--ph-muted) !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
}

.ph-calc-mini-badge {
    flex: 0 0 auto !important;
    padding: 8px 11px !important;
    border-radius: 999px !important;
    background: rgba(45, 212, 191, 0.10) !important;
    color: #99f6e4 !important;
    border: 1px solid rgba(45, 212, 191, 0.22) !important;
    font-size: 12px !important;
    font-weight: 760 !important;
}

.ph-calc-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
}

.ph-calc-grid-wide {
    grid-column: 1 / -1 !important;
}

.ph-calc-row {
    border: 1px solid rgba(148,163,184,0.10) !important;
    border-radius: 18px !important;
    padding: 14px !important;
    background: rgba(7, 8, 13, 0.30) !important;
}

.ph-calc-input,
.ph-token-input,
.ph-fee-input,
.ph-pause-message-input,
.ph-ws-filter {
    background: rgba(5, 6, 10, 0.62) !important;
    border: 1px solid rgba(148,163,184,0.16) !important;
    border-radius: 14px !important;
    color: var(--ph-text) !important;
}

.ph-calc-input:focus,
.ph-token-input:focus,
.ph-fee-input:focus,
.ph-pause-message-input:focus,
.ph-ws-filter:focus {
    border-color: rgba(139,92,246,0.62) !important;
    box-shadow: 0 0 0 4px rgba(139,92,246,0.13) !important;
}

.ph-calc-result-pro {
    margin-top: 16px !important;
}

.ph-calc-result-top {
    display: flex !important;
    align-items: baseline !important;
    justify-content: space-between !important;
    gap: 18px !important;
    padding: 0 0 16px !important;
    margin-bottom: 12px !important;
    border-bottom: 1px solid rgba(148,163,184,0.12) !important;
}

.ph-calc-total-label {
    color: var(--ph-muted) !important;
    font-size: 13px !important;
    font-weight: 680 !important;
}

.ph-calc-total-val {
    color: var(--ph-green-2) !important;
    font-size: 30px !important;
    line-height: 1 !important;
    font-weight: 850 !important;
    letter-spacing: -0.055em !important;
    text-shadow: 0 0 24px rgba(52,211,153,0.14) !important;
}

.ph-calc-total-val.ph-calc-total-negative {
    color: var(--ph-red) !important;
    text-shadow: 0 0 24px rgba(251,113,133,0.14) !important;
}

.ph-calc-result-row {
    padding: 9px 0 !important;
    color: var(--ph-text-soft) !important;
}

.ph-calc-result-label {
    color: var(--ph-muted) !important;
}

.ph-calc-result-val {
    color: var(--ph-text) !important;
    font-weight: 760 !important;
}

.ph-calc-minus,
.ph-calc-total-negative,
.ph-token-error,
.ph-error-msg {
    color: var(--ph-red) !important;
}

.ph-calc-segmented {
    padding: 4px !important;
    border-radius: 15px !important;
    background: rgba(5,6,10,0.48) !important;
    border: 1px solid rgba(148,163,184,0.12) !important;
}

.ph-calc-seg-btn.active,
.ph-calc-seg-btn.ph-active {
    background: linear-gradient(135deg, rgba(124,58,237,0.82), rgba(79,70,229,0.72)) !important;
    color: #fff !important;
    border-color: rgba(196,181,253,0.26) !important;
}

.tm-profit-badge,
.tm-profit-badge-boost {
    background: rgba(45,212,191,0.12) !important;
    border: 1px solid rgba(45,212,191,0.24) !important;
    color: #99f6e4 !important;
    border-radius: 999px !important;
    box-shadow: 0 0 18px rgba(45,212,191,0.10) !important;
}

#tm-chat-panel,
#tm-profit-totals {
    background: linear-gradient(180deg, rgba(21,27,41,0.96), rgba(8,10,15,0.97)) !important;
    border: 1px solid rgba(148,163,184,0.16) !important;
    border-radius: 22px !important;
    box-shadow: 0 24px 70px rgba(0,0,0,0.42), 0 0 38px rgba(99,102,241,0.10), inset 0 1px 0 rgba(255,255,255,0.04) !important;
}

#tm-chat-panel .tm-chat-title,
#tm-profit-totals .tm-value {
    color: var(--ph-text) !important;
}

#tm-chat-panel .tm-chat-chip {
    background: rgba(139,92,246,0.13) !important;
    border-color: rgba(139,92,246,0.24) !important;
    color: var(--ph-text) !important;
}

.ph-shop-delete,
.tm-card-btn-delete,
.tm-card-btn-boost,
.tm-card-btn-boost-active,
.tm-republish-btn-boost {
    background: rgba(251,113,133,0.12) !important;
    border-color: rgba(251,113,133,0.22) !important;
    color: #fda4af !important;
}

.ph-switch input:checked + .ph-slider {
    background: linear-gradient(135deg, #7c3aed, #2563eb) !important;
}

body.ph-active *::-webkit-scrollbar,
#tm-chat-panel *::-webkit-scrollbar {
    width: 9px;
    height: 9px;
}

body.ph-active *::-webkit-scrollbar-thumb,
#tm-chat-panel *::-webkit-scrollbar-thumb {
    background: rgba(139,92,246,0.34) !important;
    border: 2px solid rgba(7,8,13,0.76) !important;
    border-radius: 999px !important;
}

@media (max-width: 820px) {
    .ph-page { padding: 22px 14px 46px !important; }
    .ph-calc-grid { grid-template-columns: 1fr !important; }
    .ph-calc-result-top { align-items: flex-start !important; flex-direction: column !important; }
    .ph-calc-total-val { font-size: 26px !important; }
}


/* ============================================
   Custom Appearance System v1.1.7
   ============================================ */
:root {
    --ph-main-bg: #090B10;
    --ph-accent: #7C5CFF;
    --ph-container-bg: #10131C;
    --ph-card-bg: #171B28;
    --ph-text: #EEF2FF;
    --ph-link: #8DB7FF;
    --ph-radius: 16px;
    --ph-radius-sm: 10px;
    --ph-radius-lg: 24px;
    --ph-accent-soft: rgba(124, 92, 255, .16);
    --ph-accent-mid: rgba(124, 92, 255, .34);
    --ph-bg-image: radial-gradient(circle at 20% 0%, rgba(124, 92, 255, .16), transparent 34%), radial-gradient(circle at 90% 12%, rgba(59, 130, 246, .12), transparent 30%);
}

body.ph-active {
    background-color: var(--ph-main-bg) !important;
    background-image: var(--ph-bg-image) !important;
    background-size: cover !important;
    background-position: center !important;
    background-attachment: fixed !important;
}

.ph-page {
    color: var(--ph-text) !important;
}

.ph-title,
.ph-setting-label,
.ph-calc-label,
.ph-shop-name,
.ph-calc-total-label,
.ph-ws-log-msg,
.ph-calc-result-val,
.ph-calc-total-val {
    color: var(--ph-text) !important;
}

.ph-subtitle,
.ph-setting-desc,
.ph-calc-hint,
.ph-calc-result-label,
.ph-shops-empty,
.ph-shops-hint,
.ph-footer-version,
.ph-section-label,
.ph-shop-meta,
.ph-calc-subtext {
    color: color-mix(in srgb, var(--ph-text) 58%, transparent) !important;
}

.ph-version-badge,
.ph-tab.active,
.ph-calc-mini-badge,
.ph-ws-log-shop,
.ph-token-success,
.ph-footer a,
.ph-footer-tg,
.ph-calc-eyebrow {
    color: var(--ph-link) !important;
}

.ph-tabs {
    border-bottom-color: color-mix(in srgb, var(--ph-text) 10%, transparent) !important;
}

.ph-tab.active {
    border-bottom-color: var(--ph-accent) !important;
}

.ph-header {
    border-bottom-color: color-mix(in srgb, var(--ph-text) 10%, transparent) !important;
}

.ph-settings-card,
.ph-calc-card,
.ph-calc-result,
.ph-add-form,
.ph-ws-log-list {
    background: color-mix(in srgb, var(--ph-container-bg) 88%, transparent) !important;
    border-color: color-mix(in srgb, var(--ph-text) 9%, transparent) !important;
    border-radius: var(--ph-radius-lg) !important;
    box-shadow: 0 18px 55px rgba(0, 0, 0, .26), inset 0 1px 0 color-mix(in srgb, var(--ph-text) 8%, transparent) !important;
}

.ph-shop-card,
.ph-setting-item,
.ph-calc-row,
.ph-token-result,
.ph-kpi,
.ph-ws-log-entry {
    background: color-mix(in srgb, var(--ph-card-bg) 88%, transparent) !important;
    border-color: color-mix(in srgb, var(--ph-text) 8%, transparent) !important;
    border-radius: var(--ph-radius) !important;
}

.ph-shop-card:hover,
.ph-setting-item:hover,
.ph-calc-row:hover,
.ph-ws-log-entry:hover {
    border-color: color-mix(in srgb, var(--ph-accent) 48%, transparent) !important;
    background: color-mix(in srgb, var(--ph-card-bg) 78%, var(--ph-accent) 10%) !important;
}

.ph-btn,
.ph-token-input,
.ph-fee-input,
.ph-pause-message-input,
.ph-calc-input,
.ph-ws-filter,
.ph-color-text,
.ph-radius-number {
    border-radius: var(--ph-radius-sm) !important;
}

.ph-btn-primary,
.ph-switch input:checked + .ph-slider,
.ph-calc-seg-btn.active {
    background: linear-gradient(135deg, var(--ph-accent), color-mix(in srgb, var(--ph-accent) 68%, #6EE7FF 32%)) !important;
    color: #fff !important;
    box-shadow: 0 12px 30px color-mix(in srgb, var(--ph-accent) 30%, transparent) !important;
}

.ph-btn-secondary,
.ph-btn-add,
.ph-token-input,
.ph-fee-input,
.ph-pause-message-input,
.ph-calc-input,
.ph-ws-filter,
.ph-color-text,
.ph-radius-number {
    background: color-mix(in srgb, var(--ph-card-bg) 86%, #ffffff 6%) !important;
    border-color: color-mix(in srgb, var(--ph-text) 12%, transparent) !important;
    color: var(--ph-text) !important;
}

.ph-token-input:focus,
.ph-fee-input:focus,
.ph-pause-message-input:focus,
.ph-calc-input:focus,
.ph-ws-filter:focus,
.ph-color-text:focus,
.ph-radius-number:focus {
    border-color: var(--ph-accent) !important;
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--ph-accent) 20%, transparent) !important;
}

.ph-calc-total-val:not(.ph-calc-total-negative),
.ph-meta-balance,
.ph-meta-pending {
    color: #4ADE80 !important;
}

.ph-calc-total-negative,
.ph-calc-minus,
.ph-error-msg,
.ph-token-error,
.ph-meta-unread,
.ph-shop-delete:hover {
    color: #FF5C7A !important;
}

#tm-chat-panel,
#tm-profit-totals {
    background: color-mix(in srgb, var(--ph-container-bg) 88%, transparent) !important;
    color: var(--ph-text) !important;
    border-color: color-mix(in srgb, var(--ph-text) 10%, transparent) !important;
    border-radius: var(--ph-radius-lg) !important;
    box-shadow: 0 18px 55px rgba(0,0,0,.34), 0 0 34px color-mix(in srgb, var(--ph-accent) 12%, transparent) !important;
}

#tm-chat-panel .tm-chat-header,
#tm-chat-panel .tm-chat-compose {
    background: color-mix(in srgb, var(--ph-card-bg) 74%, transparent) !important;
    border-color: color-mix(in srgb, var(--ph-text) 9%, transparent) !important;
    border-radius: var(--ph-radius) !important;
}

#tm-chat-panel .tm-chat-title,
#tm-chat-panel .tm-chat-chip-text,
#tm-profit-totals .tm-title,
#tm-profit-totals .tm-value {
    color: var(--ph-text) !important;
}

#tm-chat-panel .tm-chat-chip,
#tm-chat-panel .tm-chat-btn,
.tm-republish-btn,
.tm-card-btn-copy,
.tm-product-copy-btn {
    background: color-mix(in srgb, var(--ph-accent) 18%, transparent) !important;
    color: var(--ph-link) !important;
    border-color: color-mix(in srgb, var(--ph-accent) 35%, transparent) !important;
    border-radius: var(--ph-radius-sm) !important;
}

.tm-republish-btn-boost,
.tm-card-btn-delete,
.tm-card-btn-boost,
.tm-card-btn-boost-active {
    color: #FF5C7A !important;
}

.tm-profit-badge,
.tm-profit-badge-boost {
    background: color-mix(in srgb, var(--ph-card-bg) 90%, transparent) !important;
    color: #4ADE80 !important;
    border: 1px solid color-mix(in srgb, var(--ph-accent) 30%, transparent) !important;
    border-radius: var(--ph-radius-sm) !important;
    box-shadow: 0 10px 28px rgba(0,0,0,.28), 0 0 24px color-mix(in srgb, var(--ph-accent) 12%, transparent) !important;
}

.tm-profit-badge.tm-negative,
.tm-profit-badge-boost.tm-negative {
    color: #FF5C7A !important;
}

.ph-appearance-item {
    align-items: center;
}

.ph-color-control,
.ph-radius-control,
.ph-bg-controls {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}

.ph-color-input {
    width: 42px;
    height: 38px;
    padding: 0;
    border: 1px solid color-mix(in srgb, var(--ph-text) 14%, transparent);
    border-radius: var(--ph-radius-sm);
    background: transparent;
    cursor: pointer;
}

.ph-color-input::-webkit-color-swatch-wrapper { padding: 3px; }
.ph-color-input::-webkit-color-swatch {
    border: none;
    border-radius: calc(var(--ph-radius-sm) - 4px);
}

.ph-color-text {
    width: 104px;
    padding: 9px 10px;
    font-family: 'SF Mono', 'Fira Code', 'Consolas', monospace;
    font-size: 12px;
    outline: none;
}

.ph-radius-range {
    width: 128px;
    accent-color: var(--ph-accent);
}

.ph-radius-number {
    width: 62px;
    padding: 9px 10px;
    text-align: center;
    outline: none;
}

.ph-file-btn,
.ph-bg-clear-btn,
.ph-reset-appearance {
    white-space: nowrap;
}

.ph-reset-appearance {
    width: calc(100% - 32px);
    margin: 10px 16px 18px;
}

@supports not (color: color-mix(in srgb, #000 50%, #fff 50%)) {
    .ph-settings-card,
    .ph-calc-card,
    .ph-calc-result,
    .ph-add-form,
    .ph-ws-log-list,
    #tm-chat-panel,
    #tm-profit-totals { background: var(--ph-container-bg) !important; }
    .ph-shop-card,
    .ph-setting-item,
    .ph-calc-row { background: var(--ph-card-bg) !important; }
}


/* Browser order notification — Telegram-like toast, bottom-right */
.ph-browser-notify-root {
    position: fixed !important;
    right: 22px !important;
    bottom: 22px !important;
    z-index: 2147483647 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    width: min(380px, calc(100vw - 32px)) !important;
    pointer-events: none !important;
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", "Segoe UI", Arial, sans-serif !important;
}

.ph-browser-notify-card {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 44px 1fr !important;
    gap: 12px !important;
    width: 100% !important;
    min-height: 92px !important;
    padding: 14px !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    cursor: pointer !important;
    pointer-events: auto !important;
    background: linear-gradient(145deg, rgba(15, 18, 28, .96), rgba(24, 29, 43, .94)) !important;
    border: 1px solid rgba(143, 121, 255, .28) !important;
    box-shadow: 0 18px 52px rgba(0, 0, 0, .38), 0 0 34px rgba(124, 92, 255, .14) !important;
    backdrop-filter: blur(18px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(150%) !important;
    color: #F4F7FF !important;
    animation: phBrowserNotifyIn .28s cubic-bezier(.2, .9, .2, 1) !important;
}

.ph-browser-notify-card:hover {
    transform: translateY(-1px) !important;
    border-color: rgba(143, 121, 255, .46) !important;
    box-shadow: 0 22px 62px rgba(0, 0, 0, .46), 0 0 44px rgba(124, 92, 255, .20) !important;
}

.ph-browser-notify-exit {
    animation: phBrowserNotifyOut .24s ease forwards !important;
}

.ph-browser-notify-glow {
    position: absolute !important;
    inset: -40% -20% auto auto !important;
    width: 210px !important;
    height: 210px !important;
    border-radius: 999px !important;
    background: radial-gradient(circle, rgba(124, 92, 255, .24), rgba(56, 189, 248, .10) 42%, transparent 68%) !important;
    pointer-events: none !important;
}

.ph-browser-notify-icon {
    position: relative !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(135deg, rgba(124, 92, 255, .95), rgba(56, 189, 248, .78)) !important;
    color: #fff !important;
    font-size: 19px !important;
    font-weight: 800 !important;
    box-shadow: 0 12px 28px rgba(124, 92, 255, .26) !important;
}

.ph-browser-notify-content {
    position: relative !important;
    min-width: 0 !important;
}

.ph-browser-notify-top {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    margin-bottom: 5px !important;
}

.ph-browser-notify-title {
    font-size: 13px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    letter-spacing: -.01em !important;
    color: #FFFFFF !important;
}

.ph-browser-notify-close {
    width: 24px !important;
    height: 24px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, .08) !important;
    color: rgba(244, 247, 255, .74) !important;
    cursor: pointer !important;
    font-size: 17px !important;
    line-height: 22px !important;
    padding: 0 !important;
}

.ph-browser-notify-close:hover {
    background: rgba(255, 255, 255, .14) !important;
    color: #fff !important;
}

.ph-browser-notify-message {
    font-size: 14px !important;
    line-height: 1.35 !important;
    font-weight: 650 !important;
    color: #EEF2FF !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    padding-right: 6px !important;
}

.ph-browser-notify-meta {
    margin-top: 4px !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
    color: rgba(214, 221, 236, .66) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.ph-browser-notify-progress {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: -9px !important;
    height: 2px !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, rgba(124, 92, 255, .95), rgba(56, 189, 248, .85)) !important;
    transform-origin: left center !important;
    animation: phBrowserNotifyProgress linear forwards !important;
}

.ph-test-notify-btn {
    width: 100% !important;
    margin-top: 12px !important;
}

@keyframes phBrowserNotifyIn {
    from { opacity: 0; transform: translateX(18px) translateY(8px) scale(.985); }
    to { opacity: 1; transform: translateX(0) translateY(0) scale(1); }
}

@keyframes phBrowserNotifyOut {
    from { opacity: 1; transform: translateX(0) translateY(0) scale(1); }
    to { opacity: 0; transform: translateX(24px) translateY(8px) scale(.98); }
}

@keyframes phBrowserNotifyProgress {
    from { transform: scaleX(1); opacity: .95; }
    to { transform: scaleX(0); opacity: .35; }
}

/* Seller daily summary / accounting */
.ph-summary-card {
  background: var(--ph-card-bg, #171B28);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: var(--ph-radius, 16px);
  padding: 18px;
  margin-bottom: 16px;
  box-shadow: 0 18px 45px rgba(0,0,0,.28);
}
.ph-summary-hero {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
}
.ph-summary-toolbar {
  display: grid;
  grid-template-columns: 170px 1fr auto auto;
  gap: 10px;
  margin-bottom: 16px;
}
.ph-summary-input {
  height: 42px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.045);
  color: var(--ph-text, #EEF2FF);
  padding: 0 12px;
  outline: none;
}
.ph-summary-input:focus {
  border-color: rgba(124,92,255,.55);
  box-shadow: 0 0 0 3px rgba(124,92,255,.16);
}
.ph-summary-kpis {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 16px;
}
.ph-summary-kpi {
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.025));
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 16px;
  padding: 15px;
  box-shadow: 0 16px 34px rgba(0,0,0,.24);
}
.ph-summary-kpi span {
  display: block;
  font-size: 12px;
  color: rgba(238,242,255,.64);
  margin-bottom: 7px;
}
.ph-summary-kpi strong {
  display: block;
  font-size: 21px;
  line-height: 1.15;
  color: var(--ph-text, #EEF2FF);
  letter-spacing: -.03em;
}
.ph-summary-kpi small {
  display: block;
  margin-top: 7px;
  font-size: 12px;
  color: rgba(141,183,255,.78);
}
.ph-summary-table {
  display: grid;
  gap: 6px;
  overflow-x: auto;
}
.ph-summary-tr {
  display: grid;
  grid-template-columns: minmax(240px, 1.8fr) repeat(6, minmax(92px, .65fr));
  gap: 8px;
  align-items: center;
  min-width: 980px;
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(255,255,255,.035);
  color: rgba(238,242,255,.86);
  font-size: 13px;
}
.ph-summary-th {
  background: rgba(124,92,255,.14);
  color: rgba(238,242,255,.78);
  font-weight: 700;
}
.ph-summary-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--ph-text, #EEF2FF);
  font-weight: 650;
}
.ph-summary-spend { color: #f87171; }
.ph-summary-empty {
  padding: 22px;
  color: rgba(238,242,255,.56);
  text-align: center;
  border: 1px dashed rgba(255,255,255,.12);
  border-radius: 14px;
}
.ph-summary-event {
  display: grid;
  grid-template-columns: 56px 130px 1fr auto;
  gap: 10px;
  align-items: center;
  padding: 10px 12px;
  margin-top: 8px;
  border-radius: 12px;
  background: rgba(255,255,255,.035);
  border: 1px solid rgba(255,255,255,.06);
  font-size: 13px;
}
.ph-summary-event span { color: rgba(238,242,255,.52); }
.ph-summary-event strong { color: #8db7ff; }
.ph-summary-event em {
  color: rgba(238,242,255,.88);
  font-style: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ph-summary-event b { color: #86efac; font-weight: 750; }
.ph-summary-event-raise b,
.ph-summary-event-boost b,
.ph-summary-event-republish b { color: #f87171; }
.ph-danger-soft {
  color: #fecaca !important;
  border-color: rgba(248,113,113,.22) !important;
  background: rgba(248,113,113,.10) !important;
}
@media (max-width: 900px) {
  .ph-summary-toolbar,
  .ph-summary-kpis,
  .ph-summary-hero { grid-template-columns: 1fr; display: grid; }
  .ph-summary-event { grid-template-columns: 52px 110px 1fr; }
  .ph-summary-event b { grid-column: 3; }
}

/* === v1.2.2 compact auth + accordion settings === */
.ph-header-right {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}

.ph-shop-auth {
    position: relative;
}

.ph-shop-auth-btn {
    height: 38px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 1px solid rgba(139, 92, 246, 0.34);
    background: linear-gradient(135deg, rgba(139,92,246,0.18), rgba(59,130,246,0.08));
    color: #F4F7FF;
    border-radius: 999px;
    padding: 0 12px;
    font: inherit;
    font-size: 13px;
    font-weight: 720;
    cursor: pointer;
    box-shadow: 0 12px 30px rgba(0,0,0,0.22), inset 0 1px 0 rgba(255,255,255,0.06);
    transition: transform .16s ease, border-color .16s ease, background .16s ease;
}

.ph-shop-auth-btn:hover,
.ph-shop-auth.open .ph-shop-auth-btn {
    transform: translateY(-1px);
    border-color: rgba(167, 139, 250, 0.62);
    background: linear-gradient(135deg, rgba(139,92,246,0.28), rgba(59,130,246,0.13));
}

.ph-shop-auth-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #34D399;
    box-shadow: 0 0 18px rgba(52,211,153,0.7);
}

.ph-shop-auth-caret {
    color: rgba(244,247,255,0.62);
    font-size: 13px;
    transform: translateY(-1px);
}

.ph-shop-auth-popover {
    position: absolute;
    right: 0;
    top: calc(100% + 12px);
    width: 390px;
    max-width: calc(100vw - 32px);
    padding: 14px;
    border-radius: 22px;
    background: linear-gradient(180deg, rgba(17, 22, 34, 0.98), rgba(9, 12, 20, 0.98));
    border: 1px solid rgba(148, 163, 184, 0.18);
    box-shadow: 0 28px 90px rgba(0, 0, 0, 0.52), 0 0 38px rgba(99,102,241,0.12), inset 0 1px 0 rgba(255,255,255,0.045);
    backdrop-filter: blur(24px) saturate(135%);
    -webkit-backdrop-filter: blur(24px) saturate(135%);
    animation: ph-popover-in .16s ease;
}

.ph-shop-auth-popover[hidden] {
    display: none !important;
}

.ph-shop-auth-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}

.ph-shop-auth-title {
    font-size: 14px;
    font-weight: 820;
    color: var(--ph-text);
    letter-spacing: -0.02em;
}

.ph-shop-auth-subtitle {
    margin-top: 3px;
    font-size: 12px;
    color: var(--ph-muted);
}

.ph-shop-auth-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-bottom: 10px;
}

.ph-shop-auth-popover .ph-add-section {
    margin-top: 12px;
    margin-bottom: 0;
}

.ph-shop-auth-popover .ph-add-form {
    padding: 12px !important;
    border-radius: 16px !important;
}

.ph-shop-auth-popover .ph-btn-add {
    padding: 11px 12px !important;
    border-radius: 14px !important;
}

.ph-shops-grid-compact {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    max-height: 250px;
    overflow: auto;
    margin: 10px 0 0 !important;
    padding-right: 2px;
}

.ph-shops-grid-compact .ph-shop-card {
    padding: 11px 12px !important;
    border-radius: 16px !important;
}

.ph-shops-grid-compact .ph-shop-avatar {
    width: 38px !important;
    height: 38px !important;
}

.ph-shops-grid-compact .ph-shops-empty {
    padding: 20px 12px !important;
    border-radius: 16px;
    background: rgba(255,255,255,0.035);
    border: 1px solid rgba(148,163,184,0.10);
}

.ph-auth-token-result {
    max-height: 94px;
    overflow: auto;
    margin-bottom: 10px !important;
}

.ph-settings-card-accordion {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.ph-settings-group {
    overflow: hidden;
    border-radius: 20px;
    background: linear-gradient(180deg, rgba(21,27,41,0.96), rgba(12,15,23,0.97));
    border: 1px solid rgba(148, 163, 184, 0.14);
    box-shadow: 0 18px 48px rgba(0,0,0,0.26), inset 0 1px 0 rgba(255,255,255,0.035);
}

.ph-settings-group-head {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 17px 18px;
    background: transparent;
    color: var(--ph-text);
    border: 0;
    cursor: pointer;
    font: inherit;
    text-align: left;
}

.ph-settings-group-head:hover {
    background: rgba(255,255,255,0.035);
}

.ph-settings-group-text {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.ph-settings-group-text strong {
    font-size: 15px;
    font-weight: 820;
    letter-spacing: -0.025em;
}

.ph-settings-group-text small {
    color: var(--ph-muted);
    font-size: 12px;
    line-height: 1.35;
}

.ph-settings-group-chevron {
    width: 30px;
    height: 30px;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: rgba(255,255,255,0.055);
    color: rgba(238,242,255,0.75);
    transition: transform .18s ease, background .18s ease;
}

.ph-settings-group.open .ph-settings-group-chevron {
    transform: rotate(180deg);
    background: rgba(139,92,246,0.16);
    color: #C4B5FD;
}

.ph-settings-group-body {
    display: none;
    padding: 0 10px 10px;
}

.ph-settings-group.open .ph-settings-group-body {
    display: block;
    animation: ph-settings-open .18s ease;
}

.ph-setting-stack {
    display: block !important;
}

.ph-setting-stack .ph-setting-text {
    margin-bottom: 10px;
}

.ph-settings-group-body .ph-setting-item {
    border-radius: 16px !important;
    padding: 14px !important;
}

.ph-settings-group-body .ph-setting-item + .ph-setting-item {
    border-top: 1px solid rgba(148,163,184,0.08) !important;
}

.ph-settings-group-body .ph-pause-message-input {
    width: 100%;
}

@keyframes ph-popover-in {
    from { opacity: 0; transform: translateY(-6px) scale(.98); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes ph-settings-open {
    from { opacity: 0; transform: translateY(-4px); }
    to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 720px) {
    .ph-header {
        align-items: flex-start !important;
        gap: 14px !important;
    }
    .ph-header-right {
        width: 100%;
        justify-content: space-between;
    }
    .ph-shop-auth-popover {
        right: auto;
        left: 0;
        width: min(390px, calc(100vw - 48px));
    }
}

/* === v1.2.3 fixes: auth popover, summary backup, journal filters === */
.ph-page,
.ph-header,
.ph-header-pro,
.ph-header-right,
.ph-shop-auth {
    overflow: visible !important;
}

.ph-header,
.ph-header-right {
    z-index: 1000 !important;
}

.ph-shop-auth-popover {
    z-index: 100000 !important;
    top: calc(100% + 10px) !important;
    right: 0 !important;
    max-height: min(74vh, 620px) !important;
    overflow: auto !important;
}

.ph-tabs {
    z-index: 50 !important;
}

.ph-summary-backup-actions,
.ph-summary-republish-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
}

.ph-summary-republish-actions {
    justify-content: flex-start;
    margin-top: 12px;
}

.ph-summary-events-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}

.ph-summary-event-select {
    width: auto !important;
    min-width: 178px !important;
    cursor: pointer;
}

@media (max-width: 720px) {
    .ph-summary-backup-actions,
    .ph-summary-events-head {
        align-items: stretch;
        flex-direction: column;
    }
    .ph-summary-event-select {
        width: 100% !important;
    }
    .ph-shop-auth-popover {
        position: fixed !important;
        left: 14px !important;
        right: 14px !important;
        top: 86px !important;
        width: auto !important;
        max-width: none !important;
    }
}

/* =========================================================
   v1.2.5 — premium dark workspace redesign
   Clean dark landing/dashboard look: bigger spacing, calm gradients,
   glass cards, soft purple/cyan glow, high text contrast.
   ========================================================= */
:root {
    --sw-bg: #050713;
    --sw-bg-2: #090d1a;
    --sw-panel: rgba(12, 17, 32, 0.88);
    --sw-card: rgba(17, 24, 43, 0.82);
    --sw-card-2: rgba(22, 31, 54, 0.78);
    --sw-line: rgba(167, 181, 255, 0.14);
    --sw-line-strong: rgba(129, 140, 248, 0.34);
    --sw-text: #f8fbff;
    --sw-text-soft: #dbe5f7;
    --sw-muted: #8f9bb7;
    --sw-accent: #8b5cf6;
    --sw-accent-2: #5965ff;
    --sw-cyan: #53d9ff;
    --sw-green: #42f5a7;
    --sw-red: #ff5f7a;
    --sw-yellow: #ffd166;
    --sw-radius-xl: 30px;
    --sw-radius-lg: 22px;
    --sw-radius-md: 16px;
    --sw-radius-sm: 12px;
    --sw-font: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Segoe UI", Roboto, Arial, sans-serif;
    --sw-shadow-lg: 0 34px 110px rgba(0, 0, 0, 0.48);
    --sw-shadow-md: 0 22px 58px rgba(0, 0, 0, 0.34);
    --sw-glow: 0 0 0 1px rgba(139, 92, 246, 0.18), 0 0 52px rgba(89, 101, 255, 0.14);
}

html:has(body.ph-active),
body.ph-active {
    background:
        radial-gradient(circle at 14% -6%, rgba(139, 92, 246, 0.34), transparent 28%),
        radial-gradient(circle at 88% 3%, rgba(83, 217, 255, 0.16), transparent 25%),
        radial-gradient(circle at 48% 105%, rgba(89, 101, 255, 0.15), transparent 28%),
        linear-gradient(180deg, #040611 0%, #070b16 42%, #050713 100%) !important;
    color: var(--sw-text) !important;
    font-family: var(--sw-font) !important;
}

body.ph-active::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    background-image:
        linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,0.035) 1px, transparent 1px);
    background-size: 74px 74px;
    mask-image: linear-gradient(180deg, rgba(0,0,0,0.54), transparent 72%);
}

body.ph-active > .ph-page {
    position: relative !important;
    z-index: 1 !important;
}

.ph-page {
    max-width: 1220px !important;
    padding: 30px 28px 72px !important;
    color: var(--sw-text) !important;
    font-family: var(--sw-font) !important;
}

/* Header as premium hero block */
.ph-header,
.ph-header-pro {
    position: relative !important;
    overflow: visible !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 22px !important;
    min-height: 118px !important;
    margin: 0 0 18px !important;
    padding: 26px 28px !important;
    border-radius: 34px !important;
    border: 1px solid var(--sw-line) !important;
    background:
        linear-gradient(135deg, rgba(18, 25, 46, 0.94), rgba(7, 11, 23, 0.96) 62%, rgba(13, 18, 35, 0.94)),
        radial-gradient(circle at 13% 0%, rgba(139, 92, 246, 0.42), transparent 34%),
        radial-gradient(circle at 92% 10%, rgba(83, 217, 255, 0.18), transparent 26%) !important;
    box-shadow: var(--sw-shadow-lg), var(--sw-glow), inset 0 1px 0 rgba(255,255,255,0.06) !important;
    backdrop-filter: blur(24px) saturate(140%) !important;
    -webkit-backdrop-filter: blur(24px) saturate(140%) !important;
}

.ph-header::before,
.ph-header-pro::before {
    content: "";
    position: absolute;
    inset: 1px;
    pointer-events: none;
    border-radius: 33px;
    background: linear-gradient(120deg, rgba(255,255,255,0.09), transparent 24%, transparent 60%, rgba(83,217,255,0.08));
}

.ph-header-left,
.ph-header-right,
.ph-shop-auth,
.ph-header > * {
    position: relative !important;
    z-index: 1001 !important;
}

.ph-logo,
.logo {
    width: 54px !important;
    height: 54px !important;
    border-radius: 18px !important;
    background: linear-gradient(135deg, rgba(139,92,246,0.24), rgba(83,217,255,0.10)) !important;
    box-shadow: 0 0 0 1px rgba(255,255,255,0.12), 0 18px 48px rgba(139,92,246,0.28) !important;
}

.ph-title,
.header h1,
.version-title {
    margin: 0 !important;
    color: var(--sw-text) !important;
    font-size: clamp(27px, 3.2vw, 42px) !important;
    line-height: 0.98 !important;
    font-weight: 860 !important;
    letter-spacing: -0.075em !important;
}

.ph-subtitle,
.header p {
    margin-top: 7px !important;
    color: var(--sw-muted) !important;
    font-size: 14px !important;
    font-weight: 560 !important;
    letter-spacing: -0.02em !important;
}

.ph-version-badge,
.ph-footer-version,
.version-tag,
.version-tag.latest {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    padding: 8px 12px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(139, 92, 246, 0.32) !important;
    background: rgba(139, 92, 246, 0.13) !important;
    color: #d8ccff !important;
    font-weight: 780 !important;
    box-shadow: 0 0 28px rgba(139,92,246,0.12) !important;
}

/* Account popover above all elements */
.ph-shop-auth-popover {
    z-index: 2147483600 !important;
    border-radius: 24px !important;
    border: 1px solid rgba(167,181,255,0.18) !important;
    background: linear-gradient(180deg, rgba(13, 18, 34, 0.98), rgba(7, 10, 20, 0.99)) !important;
    box-shadow: 0 34px 86px rgba(0,0,0,0.58), 0 0 44px rgba(139,92,246,0.16) !important;
    backdrop-filter: blur(26px) saturate(140%) !important;
    -webkit-backdrop-filter: blur(26px) saturate(140%) !important;
}

/* Tabs like a modern SaaS segmented control */
.ph-tabs {
    position: sticky !important;
    top: 14px !important;
    z-index: 80 !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin: 0 0 20px !important;
    padding: 8px !important;
    border: 1px solid rgba(167,181,255,0.12) !important;
    border-radius: 24px !important;
    background: rgba(8, 12, 24, 0.78) !important;
    box-shadow: 0 18px 44px rgba(0,0,0,0.28), inset 0 1px 0 rgba(255,255,255,0.035) !important;
    backdrop-filter: blur(22px) saturate(140%) !important;
    -webkit-backdrop-filter: blur(22px) saturate(140%) !important;
}

.ph-tab {
    min-height: 48px !important;
    padding: 0 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid transparent !important;
    border-radius: 18px !important;
    background: transparent !important;
    color: var(--sw-muted) !important;
    font-size: 14px !important;
    font-weight: 780 !important;
    letter-spacing: -0.018em !important;
    transition: transform .16s ease, background .16s ease, border-color .16s ease, color .16s ease, box-shadow .16s ease !important;
}

.ph-tab:hover {
    color: var(--sw-text-soft) !important;
    background: rgba(255,255,255,0.04) !important;
    transform: translateY(-1px) !important;
}

.ph-tab.active {
    color: var(--sw-text) !important;
    background: linear-gradient(135deg, rgba(139,92,246,0.36), rgba(83,217,255,0.13)) !important;
    border-color: rgba(139,92,246,0.34) !important;
    box-shadow: 0 16px 38px rgba(89,101,255,0.16), inset 0 1px 0 rgba(255,255,255,0.06) !important;
}

/* Main content cards */
.ph-tab-content.active {
    animation: phSwFadeUp .22s ease both !important;
}

.ph-settings-card,
.ph-calc-card,
.ph-calc-result,
.ph-add-form,
.ph-shop-card,
.change-item,
.ph-ws-log-entry,
.ph-ws-toolbar,
.ph-ws-log-list,
.ph-kpi,
.ph-summary-card,
.ph-summary-panel,
.ph-summary-section,
.ph-summary-republish,
.ph-summary-events,
.ph-summary-table-wrap,
.ph-shop-auth-popover,
.ph-summary-backup {
    background:
        linear-gradient(180deg, rgba(19, 27, 49, 0.86), rgba(10, 14, 27, 0.92)) !important;
    border: 1px solid var(--sw-line) !important;
    border-radius: var(--sw-radius-lg) !important;
    box-shadow: var(--sw-shadow-md), inset 0 1px 0 rgba(255,255,255,0.04) !important;
    color: var(--sw-text) !important;
}

.ph-settings-card,
.ph-calc-card,
.ph-calc-result,
.ph-ws-log-list,
.ph-summary-section,
.ph-summary-events,
.ph-summary-republish,
.ph-summary-backup {
    padding: 10px !important;
}

.ph-shop-card:hover,
.ph-setting-item:hover,
.ph-calc-row:hover,
.ph-ws-log-entry:hover,
.change-item:hover,
.ph-kpi:hover,
.ph-summary-card:hover {
    background: linear-gradient(180deg, rgba(24, 34, 62, 0.92), rgba(12, 17, 32, 0.95)) !important;
    border-color: var(--sw-line-strong) !important;
    box-shadow: 0 26px 74px rgba(0,0,0,0.38), 0 0 46px rgba(139,92,246,0.12), inset 0 1px 0 rgba(255,255,255,0.05) !important;
    transform: translateY(-1px) !important;
}

.ph-setting-item,
.ph-calc-row,
.ph-shop-card,
.ph-summary-card,
.ph-kpi,
.ph-summary-event-row,
.ph-summary-product-row {
    border-radius: 18px !important;
    border: 1px solid rgba(167,181,255,0.10) !important;
    background: rgba(255,255,255,0.025) !important;
}

.ph-setting-item + .ph-setting-item,
.ph-calc-row + .ph-calc-row {
    border-top: 1px solid rgba(167,181,255,0.08) !important;
}

/* Text hierarchy */
.ph-setting-label,
.ph-calc-label,
.ph-shop-name,
.ph-calc-result-val,
.ph-ws-log-msg,
.change-text,
.ph-summary-title,
.ph-summary-card-value,
.ph-kpi-value,
.ph-summary-product-title,
.ph-summary-event-title {
    color: var(--sw-text) !important;
    font-weight: 760 !important;
}

.ph-setting-desc,
.ph-calc-hint,
.ph-shop-meta,
.ph-shops-empty,
.ph-shops-hint,
.ph-calc-result-label,
.ph-ws-log-time,
.ph-ws-log-details,
.ph-summary-muted,
.ph-summary-card-label,
.ph-kpi-label,
.ph-summary-event-meta,
.ph-summary-product-meta {
    color: var(--sw-muted) !important;
}

.ph-section-label,
.ph-calc-eyebrow,
.ph-summary-eyebrow {
    color: #c7b8ff !important;
    font-size: 11px !important;
    font-weight: 840 !important;
    letter-spacing: .13em !important;
    text-transform: uppercase !important;
}

/* Inputs */
.ph-token-input,
.ph-fee-input,
.ph-pause-message-input,
.ph-calc-input,
.ph-ws-filter,
.ph-summary-keywords-input,
.ph-summary-event-select,
#tm-chat-panel .tm-chat-input {
    border-radius: var(--sw-radius-md) !important;
    border: 1px solid rgba(167,181,255,0.14) !important;
    background: rgba(3, 6, 16, 0.62) !important;
    color: var(--sw-text) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.025) !important;
}

.ph-token-input::placeholder,
.ph-fee-input::placeholder,
.ph-pause-message-input::placeholder,
.ph-calc-input::placeholder,
.ph-summary-keywords-input::placeholder,
#tm-chat-panel .tm-chat-input::placeholder {
    color: rgba(219,229,247,0.42) !important;
}

.ph-token-input:focus,
.ph-fee-input:focus,
.ph-pause-message-input:focus,
.ph-calc-input:focus,
.ph-ws-filter:focus,
.ph-summary-keywords-input:focus,
.ph-summary-event-select:focus,
#tm-chat-panel .tm-chat-input:focus {
    border-color: rgba(139,92,246,0.72) !important;
    box-shadow: 0 0 0 4px rgba(139,92,246,0.13), inset 0 1px 0 rgba(255,255,255,0.03) !important;
}

/* Buttons */
.ph-btn,
.ph-btn-primary,
.ph-btn-secondary,
.ph-btn-add,
.ph-ws-clear-btn,
.ph-calc-seg-btn,
.tm-card-btn,
.tm-product-copy-btn,
.tm-republish-btn,
.tm-republish-btn-boost,
#tm-chat-panel .tm-chat-btn,
#tm-chat-panel .tm-chat-small-btn,
.ph-summary-event-select {
    border-radius: var(--sw-radius-md) !important;
    font-weight: 800 !important;
    letter-spacing: -0.015em !important;
    transition: transform .16s ease, box-shadow .16s ease, background .16s ease, border-color .16s ease, color .16s ease !important;
}

.ph-btn-primary,
.ph-btn-add,
.tm-product-copy-btn,
.tm-republish-btn,
.tm-card-btn-copy,
#tm-chat-panel .tm-chat-btn {
    border: 1px solid rgba(194, 184, 255, 0.30) !important;
    background: linear-gradient(135deg, #8b5cf6 0%, #5965ff 56%, #39c6ff 125%) !important;
    color: #ffffff !important;
    box-shadow: 0 16px 42px rgba(89,101,255,0.22), inset 0 1px 0 rgba(255,255,255,0.16) !important;
}

.ph-btn-primary:hover,
.ph-btn-add:hover,
.tm-product-copy-btn:hover,
.tm-republish-btn:hover,
.tm-card-btn-copy:hover:not(:disabled),
#tm-chat-panel .tm-chat-btn:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 22px 56px rgba(89,101,255,0.30), 0 0 46px rgba(139,92,246,0.18) !important;
}

.ph-btn-secondary,
.ph-calc-seg-btn,
.ph-ws-clear-btn,
#tm-chat-panel .tm-chat-small-btn,
.ph-summary-event-select {
    border: 1px solid rgba(167,181,255,0.13) !important;
    background: rgba(255,255,255,0.045) !important;
    color: var(--sw-text-soft) !important;
}

.ph-btn-secondary:hover,
.ph-calc-seg-btn:hover,
.ph-ws-clear-btn:hover,
#tm-chat-panel .tm-chat-small-btn:hover {
    background: rgba(139,92,246,0.12) !important;
    border-color: rgba(139,92,246,0.30) !important;
    color: var(--sw-text) !important;
}

/* Switches */
.ph-slider {
    background: rgba(255,255,255,0.12) !important;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.42) !important;
}

.ph-slider:before {
    background: #fff !important;
    box-shadow: 0 6px 16px rgba(0,0,0,0.34) !important;
}

.ph-switch input:checked + .ph-slider {
    background: linear-gradient(135deg, #8b5cf6, #2f80ff) !important;
    box-shadow: 0 0 30px rgba(139,92,246,0.22) !important;
}

/* Calculator */
.ph-calc-hero,
.ph-calc-result-top {
    border-color: rgba(167,181,255,0.12) !important;
}

.ph-calc-heading {
    color: var(--sw-text) !important;
    font-size: clamp(24px, 2.4vw, 34px) !important;
    font-weight: 870 !important;
    letter-spacing: -0.075em !important;
}

.ph-calc-mini-badge,
.ph-token-success,
.ph-ws-log-badge,
.ph-summary-pill {
    border: 1px solid rgba(66,245,167,0.22) !important;
    background: rgba(66,245,167,0.10) !important;
    color: #a7ffd4 !important;
    border-radius: 999px !important;
}

.ph-calc-total-val,
.ph-calc-total-val:not(.ph-calc-total-negative),
.ph-meta-balance,
.ph-meta-pending,
.ph-summary-positive,
.ph-kpi-positive {
    color: var(--sw-green) !important;
    text-shadow: 0 0 28px rgba(66,245,167,0.15) !important;
}

.ph-calc-total-negative,
.ph-calc-minus,
.ph-token-error,
.ph-error-msg,
.ph-meta-unread,
.ph-summary-negative,
.tm-republish-toast-error {
    color: var(--sw-red) !important;
}

.ph-calc-segmented {
    padding: 4px !important;
    border-radius: 17px !important;
    background: rgba(3,6,16,0.52) !important;
    border: 1px solid rgba(167,181,255,0.12) !important;
}

.ph-calc-seg-btn.active,
.ph-calc-seg-btn.ph-active {
    color: #fff !important;
    background: linear-gradient(135deg, rgba(139,92,246,0.90), rgba(89,101,255,0.76)) !important;
    border-color: rgba(194,184,255,0.26) !important;
}

/* Summary dashboard */
.ph-summary-backup-actions,
.ph-summary-republish-actions,
.ph-summary-events-head {
    gap: 12px !important;
}

.ph-summary-event-select {
    min-height: 42px !important;
    padding: 0 14px !important;
}

.ph-summary-table-wrap table,
.ph-summary-table {
    border-collapse: separate !important;
    border-spacing: 0 8px !important;
}

.ph-summary-table-wrap th,
.ph-summary-table th {
    color: var(--sw-muted) !important;
    font-size: 11px !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
    font-weight: 820 !important;
}

.ph-summary-table-wrap td,
.ph-summary-table td {
    color: var(--sw-text-soft) !important;
    background: rgba(255,255,255,0.025) !important;
    border-top: 1px solid rgba(167,181,255,0.07) !important;
    border-bottom: 1px solid rgba(167,181,255,0.07) !important;
}

/* Floating panels on Playerok pages */
#tm-chat-panel,
#tm-profit-totals,
.ph-browser-notify-card {
    font-family: var(--sw-font) !important;
    background:
        linear-gradient(180deg, rgba(18, 25, 46, 0.94), rgba(7, 11, 23, 0.97)) !important;
    color: var(--sw-text) !important;
    border: 1px solid rgba(167,181,255,0.16) !important;
    border-radius: 26px !important;
    box-shadow: 0 28px 86px rgba(0,0,0,0.46), 0 0 52px rgba(89,101,255,0.14), inset 0 1px 0 rgba(255,255,255,0.05) !important;
    backdrop-filter: blur(24px) saturate(140%) !important;
    -webkit-backdrop-filter: blur(24px) saturate(140%) !important;
}

#tm-chat-panel .tm-chat-header {
    border-bottom: 1px solid rgba(167,181,255,0.10) !important;
    background: rgba(255,255,255,0.025) !important;
}

#tm-chat-panel .tm-chat-title,
#tm-chat-panel .tm-chat-chip-text,
#tm-profit-totals .tm-value,
.ph-browser-notify-title,
.ph-browser-notify-message {
    color: var(--sw-text) !important;
}

#tm-chat-panel .tm-chat-muted,
#tm-profit-totals .tm-title,
.ph-browser-notify-meta {
    color: var(--sw-muted) !important;
}

#tm-chat-panel .tm-chat-compose {
    border: 1px solid rgba(167,181,255,0.10) !important;
    border-radius: 18px !important;
    background: rgba(255,255,255,0.035) !important;
}

#tm-chat-panel .tm-chat-chip {
    border: 1px solid rgba(139,92,246,0.27) !important;
    background: rgba(139,92,246,0.13) !important;
    color: var(--sw-text) !important;
    border-radius: 15px !important;
}

#tm-chat-panel .tm-chat-chip:hover {
    background: rgba(139,92,246,0.20) !important;
    box-shadow: 0 0 34px rgba(139,92,246,0.14) !important;
}

.tm-profit-badge,
.tm-profit-badge-boost {
    padding: 5px 10px !important;
    border-radius: 999px !important;
    background: rgba(66,245,167,0.10) !important;
    border: 1px solid rgba(66,245,167,0.22) !important;
    color: #a7ffd4 !important;
    font-weight: 820 !important;
    box-shadow: 0 0 22px rgba(66,245,167,0.10) !important;
}

.tm-card-btn {
    border-radius: 13px !important;
    border: 1px solid rgba(167,181,255,0.11) !important;
    background: rgba(255,255,255,0.045) !important;
    color: var(--sw-text-soft) !important;
}

.tm-card-btn:hover:not(:disabled) {
    transform: translateY(-1px) !important;
    border-color: rgba(139,92,246,0.30) !important;
    background: rgba(139,92,246,0.13) !important;
    color: var(--sw-text) !important;
}

.tm-card-btn-publish,
.tm-card-btn-raise {
    border-color: rgba(66,245,167,0.22) !important;
    background: rgba(66,245,167,0.10) !important;
    color: #a7ffd4 !important;
}

.tm-card-btn-delete,
.tm-card-btn-boost,
.tm-card-btn-boost-active,
.tm-republish-btn-boost,
.ph-shop-delete {
    border-color: rgba(255,95,122,0.22) !important;
    background: rgba(255,95,122,0.10) !important;
    color: #ffb3c0 !important;
}

.tm-republish-toast,
#tm-qr-toast {
    border-radius: 18px !important;
    border: 1px solid rgba(167,181,255,0.16) !important;
    background: rgba(10,14,27,0.96) !important;
    box-shadow: 0 22px 58px rgba(0,0,0,0.42), 0 0 40px rgba(139,92,246,0.14) !important;
    color: var(--sw-text) !important;
}

/* Smooth motion */
@keyframes phSwFadeUp {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.ph-btn,
.ph-tab,
.ph-shop-card,
.ph-setting-item,
.ph-calc-row,
.tm-card-btn,
#tm-chat-panel .tm-chat-chip {
    will-change: transform;
}

/* Scrollbars */
body.ph-active *::-webkit-scrollbar,
#tm-chat-panel *::-webkit-scrollbar {
    width: 10px !important;
    height: 10px !important;
}

body.ph-active *::-webkit-scrollbar-track,
#tm-chat-panel *::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.025) !important;
    border-radius: 999px !important;
}

body.ph-active *::-webkit-scrollbar-thumb,
#tm-chat-panel *::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, rgba(139,92,246,0.52), rgba(83,217,255,0.24)) !important;
    border-radius: 999px !important;
    border: 2px solid rgba(5,7,19,0.80) !important;
}

@media (max-width: 820px) {
    .ph-page { padding: 18px 14px 46px !important; }
    .ph-header, .ph-header-pro { border-radius: 26px !important; padding: 20px !important; }
    .ph-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; position: relative !important; top: auto !important; }
    .ph-title { font-size: 28px !important; }
    .ph-shop-auth-popover { top: 92px !important; }
}

/* =========================================================
   Playerok Helper Local Pro v1.2.5
   Premium dark workspace: calm, expensive, readable
   ========================================================= */
:root {
    --ph-pro-bg: #07090f;
    --ph-pro-surface: #0d111a;
    --ph-pro-surface-2: #111722;
    --ph-pro-surface-3: #161d2a;
    --ph-pro-border: rgba(142, 155, 186, 0.16);
    --ph-pro-border-strong: rgba(137, 112, 255, 0.34);
    --ph-pro-text: #f5f7fb;
    --ph-pro-text-soft: #c9d0df;
    --ph-pro-muted: #7f899d;
    --ph-pro-accent: #8b7cff;
    --ph-pro-accent-2: #4d8dff;
    --ph-pro-cyan: #52c7ff;
    --ph-pro-green: #53e0a4;
    --ph-pro-red: #ff5f7a;
    --ph-pro-shadow: 0 24px 70px rgba(0,0,0,0.42);
    --ph-pro-radius-xl: 28px;
    --ph-pro-radius: 18px;
    --ph-pro-radius-sm: 13px;
    --ph-pro-font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", Inter, "Segoe UI", Roboto, Arial, sans-serif;
}

body.ph-active,
html:has(body.ph-active) {
    background:
        radial-gradient(circle at 50% -20%, rgba(139,124,255,0.12), transparent 35%),
        radial-gradient(circle at 95% 4%, rgba(82,199,255,0.08), transparent 28%),
        linear-gradient(180deg, #06080d 0%, #080b12 44%, #05070b 100%) !important;
}

body.ph-active > .ph-page {
    max-width: 1180px !important;
    padding: 30px 28px 70px !important;
    font-family: var(--ph-pro-font) !important;
    color: var(--ph-pro-text) !important;
}

body.ph-active > .ph-page::before,
body.ph-active > .ph-page::after,
.ph-header::before,
.ph-header::after,
.ph-header-pro::before,
.ph-header-pro::after {
    display: none !important;
    content: none !important;
}

.ph-page,
.ph-page * {
    font-family: var(--ph-pro-font) !important;
    letter-spacing: -0.012em;
}

.ph-header,
.ph-header-pro {
    overflow: visible !important;
    position: relative !important;
    z-index: 100 !important;
    min-height: 104px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 20px !important;
    margin: 0 0 18px !important;
    padding: 22px 24px !important;
    border-radius: 30px !important;
    background:
        linear-gradient(180deg, rgba(18, 24, 36, 0.94), rgba(10, 14, 22, 0.96)) !important;
    border: 1px solid var(--ph-pro-border) !important;
    box-shadow: var(--ph-pro-shadow), inset 0 1px 0 rgba(255,255,255,0.045) !important;
    backdrop-filter: blur(18px) saturate(120%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(120%) !important;
}

.ph-header-left {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    min-width: 0 !important;
}

.ph-logo,
.logo {
    display: none !important;
}

.ph-wordmark-mark {
    width: 48px !important;
    height: 48px !important;
    flex: 0 0 48px !important;
    border-radius: 17px !important;
    position: relative !important;
    background:
        radial-gradient(circle at 28% 22%, rgba(255,255,255,0.75), transparent 20%),
        linear-gradient(135deg, rgba(139,124,255,0.96), rgba(77,141,255,0.86)) !important;
    box-shadow: 0 18px 38px rgba(77,141,255,0.18), 0 0 0 1px rgba(255,255,255,0.09) inset !important;
}

.ph-wordmark-mark span {
    position: absolute !important;
    inset: 13px !important;
    border-radius: 11px !important;
    border: 2px solid rgba(255,255,255,0.88) !important;
    opacity: .9 !important;
}

.ph-title-wrap {
    min-width: 0 !important;
}

.ph-title {
    margin: 0 !important;
    font-size: 34px !important;
    line-height: 1 !important;
    font-weight: 820 !important;
    letter-spacing: -0.06em !important;
    color: var(--ph-pro-text) !important;
}

.ph-subtitle {
    display: block !important;
    margin-top: 8px !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
    color: var(--ph-pro-muted) !important;
    font-weight: 640 !important;
}

.ph-version-badge {
    display: none !important;
}

.ph-footer-version {
    border-radius: 999px !important;
    padding: 7px 12px !important;
    background: rgba(255,255,255,0.045) !important;
    border: 1px solid rgba(142,155,186,0.12) !important;
    color: var(--ph-pro-muted) !important;
}

.ph-header-right {
    z-index: 200 !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    flex-shrink: 0 !important;
}

.ph-shop-auth {
    position: relative !important;
    z-index: 300 !important;
}

.ph-shop-auth-btn,
.ph-account-btn {
    min-width: 292px !important;
    height: 58px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    padding: 8px 12px 8px 8px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(142,155,186,0.16) !important;
    background: linear-gradient(180deg, rgba(22, 29, 42, 0.92), rgba(13, 17, 26, 0.96)) !important;
    color: var(--ph-pro-text) !important;
    box-shadow: 0 14px 32px rgba(0,0,0,0.28), inset 0 1px 0 rgba(255,255,255,0.04) !important;
    cursor: pointer !important;
    transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease, background .16s ease !important;
}

.ph-shop-auth-btn:hover,
.ph-shop-auth.open .ph-shop-auth-btn {
    transform: translateY(-1px) !important;
    border-color: rgba(139,124,255,0.42) !important;
    box-shadow: 0 18px 40px rgba(0,0,0,0.34), 0 0 32px rgba(139,124,255,0.08), inset 0 1px 0 rgba(255,255,255,0.06) !important;
}

.ph-account-avatar {
    width: 42px !important;
    height: 42px !important;
    flex: 0 0 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 15px !important;
    overflow: hidden !important;
    background: linear-gradient(135deg, rgba(139,124,255,0.35), rgba(77,141,255,0.16)) !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
}

.ph-account-avatar img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.ph-account-avatar-empty::after {
    content: "" !important;
    width: 12px !important;
    height: 12px !important;
    border-radius: 50% !important;
    background: var(--ph-pro-accent) !important;
    box-shadow: 0 0 18px rgba(139,124,255,.45) !important;
}

.ph-account-info {
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 4px !important;
    flex: 1 1 auto !important;
}

.ph-account-name {
    max-width: 190px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    color: var(--ph-pro-text) !important;
    font-size: 13px !important;
    font-weight: 760 !important;
}

.ph-account-meta {
    max-width: 220px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    color: var(--ph-pro-muted) !important;
    font-size: 11px !important;
    font-weight: 620 !important;
}

.ph-shop-auth-caret {
    color: var(--ph-pro-muted) !important;
    font-size: 14px !important;
    margin-left: auto !important;
    transition: transform .16s ease !important;
}

.ph-shop-auth.open .ph-shop-auth-caret {
    transform: rotate(180deg) !important;
}

.ph-shop-auth-popover {
    position: absolute !important;
    right: 0 !important;
    top: calc(100% + 14px) !important;
    width: 430px !important;
    max-width: min(430px, calc(100vw - 36px)) !important;
    z-index: 999999 !important;
    padding: 16px !important;
    border-radius: 24px !important;
    background: linear-gradient(180deg, rgba(16, 22, 34, 0.99), rgba(8, 12, 20, 0.99)) !important;
    border: 1px solid rgba(142,155,186,0.18) !important;
    box-shadow: 0 32px 90px rgba(0,0,0,0.58), 0 0 44px rgba(139,124,255,0.10), inset 0 1px 0 rgba(255,255,255,0.05) !important;
    backdrop-filter: blur(24px) saturate(130%) !important;
    -webkit-backdrop-filter: blur(24px) saturate(130%) !important;
    transform-origin: top right !important;
}

.ph-shop-auth-popover[hidden] {
    display: none !important;
}

.ph-shop-auth-title {
    color: var(--ph-pro-text) !important;
    font-size: 15px !important;
    font-weight: 780 !important;
}

.ph-shop-auth-subtitle,
.ph-shops-hint {
    color: var(--ph-pro-muted) !important;
    font-size: 12px !important;
}

.ph-shop-auth-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    margin: 14px 0 !important;
}

.ph-tabs {
    position: relative !important;
    top: auto !important;
    z-index: 20 !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 7px !important;
    margin: 0 0 18px !important;
    padding: 7px !important;
    border-radius: 20px !important;
    background: rgba(13, 17, 26, 0.74) !important;
    border: 1px solid rgba(142,155,186,0.13) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.035) !important;
}

.ph-tab {
    min-height: 42px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 14px !important;
    color: var(--ph-pro-muted) !important;
    background: transparent !important;
    font-size: 13px !important;
    font-weight: 760 !important;
    cursor: pointer !important;
    border: 1px solid transparent !important;
}

.ph-tab:hover {
    color: var(--ph-pro-text-soft) !important;
    background: rgba(255,255,255,0.035) !important;
}

.ph-tab.active {
    color: #fff !important;
    background: linear-gradient(180deg, rgba(139,124,255,0.22), rgba(77,141,255,0.10)) !important;
    border-color: rgba(139,124,255,0.28) !important;
    box-shadow: 0 14px 30px rgba(0,0,0,0.22), inset 0 1px 0 rgba(255,255,255,0.07) !important;
}

.ph-tab-content {
    animation: none !important;
}

.ph-summary-card,
.ph-settings-card,
.ph-calc-card,
.ph-ws-log-card,
.ph-shop-card,
.ph-add-form,
.ph-setting-item,
.change-item {
    border-radius: var(--ph-pro-radius-xl) !important;
    background: linear-gradient(180deg, rgba(17, 23, 34, 0.92), rgba(12, 16, 25, 0.96)) !important;
    border: 1px solid rgba(142,155,186,0.13) !important;
    box-shadow: 0 18px 50px rgba(0,0,0,0.28), inset 0 1px 0 rgba(255,255,255,0.035) !important;
}

.ph-summary-hero {
    background: linear-gradient(135deg, rgba(18, 26, 42, 0.96), rgba(10, 14, 22, 0.98)) !important;
}

.ph-calc-eyebrow,
.ph-section-label {
    color: var(--ph-pro-accent) !important;
    text-transform: uppercase !important;
    letter-spacing: .08em !important;
    font-size: 11px !important;
    font-weight: 820 !important;
}

.ph-calc-heading {
    color: var(--ph-pro-text) !important;
    font-size: 30px !important;
    line-height: 1.08 !important;
    letter-spacing: -0.065em !important;
    font-weight: 840 !important;
}

.ph-calc-subtext,
.ph-setting-desc,
.ph-muted,
.ph-ws-log-message,
.ph-summary-empty {
    color: var(--ph-pro-muted) !important;
}

.ph-btn,
.ph-btn-primary,
.ph-btn-secondary,
.ph-btn-add,
.ph-ws-clear-btn,
.ph-calc-seg-btn,
.ph-summary-input,
.ph-token-input,
.ph-fee-input,
.ph-pause-message-input,
.ph-calc-input,
.ph-ws-filter,
.ph-summary-event-select {
    border-radius: var(--ph-pro-radius-sm) !important;
    font-weight: 760 !important;
    letter-spacing: -0.012em !important;
}

.ph-btn-primary,
.ph-btn-add {
    border: 1px solid rgba(139,124,255,0.34) !important;
    background: linear-gradient(135deg, #8b7cff, #4d8dff) !important;
    color: #fff !important;
    box-shadow: 0 16px 38px rgba(77,141,255,0.20), inset 0 1px 0 rgba(255,255,255,0.16) !important;
}

.ph-btn-secondary,
.ph-ws-clear-btn,
.ph-calc-seg-btn {
    border: 1px solid rgba(142,155,186,0.14) !important;
    background: rgba(255,255,255,0.045) !important;
    color: var(--ph-pro-text-soft) !important;
}

.ph-btn:hover,
.ph-calc-seg-btn:hover {
    transform: translateY(-1px) !important;
}

.ph-summary-input,
.ph-token-input,
.ph-fee-input,
.ph-pause-message-input,
.ph-calc-input,
.ph-ws-filter,
.ph-summary-event-select {
    border: 1px solid rgba(142,155,186,0.14) !important;
    background: rgba(6, 9, 15, 0.64) !important;
    color: var(--ph-pro-text) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.025) !important;
}

.ph-summary-input:focus,
.ph-token-input:focus,
.ph-fee-input:focus,
.ph-pause-message-input:focus,
.ph-calc-input:focus,
.ph-ws-filter:focus,
.ph-summary-event-select:focus {
    border-color: rgba(139,124,255,0.55) !important;
    box-shadow: 0 0 0 4px rgba(139,124,255,0.11), inset 0 1px 0 rgba(255,255,255,0.025) !important;
}

.ph-settings-card-accordion {
    display: grid !important;
    gap: 12px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.ph-settings-group {
    overflow: hidden !important;
    border-radius: 22px !important;
    border: 1px solid rgba(142,155,186,0.13) !important;
    background: linear-gradient(180deg, rgba(17,23,34,0.94), rgba(11,15,23,0.98)) !important;
    box-shadow: 0 16px 44px rgba(0,0,0,0.24), inset 0 1px 0 rgba(255,255,255,0.035) !important;
}

.ph-settings-group-head {
    min-height: 70px !important;
    padding: 16px 18px !important;
    color: var(--ph-pro-text) !important;
    background: transparent !important;
    outline: none !important;
}

.ph-settings-group-head:hover {
    background: rgba(255,255,255,0.03) !important;
}

.ph-settings-group-text strong {
    color: var(--ph-pro-text) !important;
    font-size: 15px !important;
    font-weight: 790 !important;
}

.ph-settings-group-text small {
    color: var(--ph-pro-muted) !important;
}

.ph-settings-group-chevron {
    background: rgba(255,255,255,0.045) !important;
    color: var(--ph-pro-muted) !important;
}

.ph-settings-group.open .ph-settings-group-chevron {
    background: rgba(139,124,255,0.16) !important;
    color: #d8d2ff !important;
}

.ph-settings-group-body {
    display: none !important;
    padding: 0 12px 12px !important;
    animation: none !important;
}

.ph-settings-group.open .ph-settings-group-body {
    display: grid !important;
    gap: 10px !important;
}

.ph-settings-group-body .ph-setting-item {
    margin: 0 !important;
    padding: 14px !important;
    border-radius: 16px !important;
    border: 1px solid rgba(142,155,186,0.09) !important;
    background: rgba(255,255,255,0.025) !important;
    box-shadow: none !important;
}

.ph-settings-group-body .ph-setting-item + .ph-setting-item {
    border-top: 1px solid rgba(142,155,186,0.09) !important;
}

.ph-summary-kpi strong,
.ph-calc-total-val,
.ph-meta-balance,
.ph-meta-pending,
.ph-summary-positive,
.ph-kpi-positive {
    color: var(--ph-pro-green) !important;
    text-shadow: none !important;
}

.ph-calc-total-negative,
.ph-calc-minus,
.ph-token-error,
.ph-error-msg,
.ph-meta-unread,
.ph-summary-negative,
.ph-danger-soft,
.ph-shop-delete {
    color: var(--ph-pro-red) !important;
}

.ph-summary-table,
.ph-summary-tr,
.ph-summary-event {
    color: var(--ph-pro-text-soft) !important;
}

@media (max-width: 860px) {
    body.ph-active > .ph-page { padding: 18px 14px 48px !important; }
    .ph-header,
    .ph-header-pro { align-items: flex-start !important; flex-direction: column !important; padding: 18px !important; }
    .ph-header-right { width: 100% !important; }
    .ph-shop-auth { width: 100% !important; }
    .ph-account-btn { width: 100% !important; min-width: 0 !important; }
    .ph-shop-auth-popover { left: 0 !important; right: auto !important; width: 100% !important; top: calc(100% + 12px) !important; }
    .ph-tabs { grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
    .ph-title { font-size: 28px !important; }
}


/* ===== v1.2.7 analytics/rules ===== */
.ph-two-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 12px; }
.ph-positive { color: #47d18c !important; font-weight: 750; }
.ph-negative { color: #ff6b6b !important; font-weight: 750; }
.ph-top-products-table .ph-summary-tr, .ph-raise-roi-table .ph-summary-tr { grid-template-columns: minmax(240px, 1.4fr) .55fr .75fr .75fr .65fr .75fr .75fr .55fr; }
.ph-raise-roi-table .ph-summary-tr { grid-template-columns: minmax(260px, 1.5fr) .7fr .75fr .75fr .75fr .65fr; }
.ph-summary-event-sale { border-left: 3px solid rgba(71,209,140,.75); }
.ph-summary-event-raise, .ph-summary-event-boost { border-left: 3px solid rgba(124,108,255,.75); }
.ph-summary-event-republish { border-left: 3px solid rgba(93,197,255,.75); }
@media (max-width: 900px) { .ph-two-fields, 
/* =========================================================
   Playerok Helper Local Pro v1.2.8
   Chosen style: blue-violet glass SaaS / soft glow
   ========================================================= */
:root {
    --ph-glass-bg: #070f2b;
    --ph-glass-bg-2: #0a1742;
    --ph-glass-surface: rgba(36, 73, 172, 0.22);
    --ph-glass-surface-2: rgba(59, 92, 205, 0.18);
    --ph-glass-surface-3: rgba(112, 136, 255, 0.13);
    --ph-glass-line: rgba(188, 212, 255, 0.22);
    --ph-glass-line-strong: rgba(198, 214, 255, 0.36);
    --ph-glass-text: #f7fbff;
    --ph-glass-text-soft: #d8e4ff;
    --ph-glass-muted: #9fb2df;
    --ph-glass-faint: rgba(218, 230, 255, .58);
    --ph-glass-accent: #8a72ff;
    --ph-glass-accent-2: #4f8cff;
    --ph-glass-cyan: #70dcff;
    --ph-glass-pink: #bd7cff;
    --ph-glass-green: #54f0b2;
    --ph-glass-red: #ff6f92;
    --ph-glass-radius-xl: 30px;
    --ph-glass-radius-lg: 24px;
    --ph-glass-radius: 18px;
    --ph-glass-shadow: 0 34px 110px rgba(3, 8, 30, .46), 0 0 74px rgba(101, 126, 255, .15);
    --ph-glass-shadow-card: 0 22px 70px rgba(4, 10, 34, .34), inset 0 1px 0 rgba(255,255,255,.075);
    --ph-glass-font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", Inter, "Segoe UI", Roboto, Arial, sans-serif;
}

#ph-hide-original {
    text-indent: 0 !important;
}

html:has(body.ph-active),
body.ph-active {
    min-height: 100% !important;
    background:
        radial-gradient(circle at 86% 20%, rgba(134, 91, 255, .24), transparent 28%),
        radial-gradient(circle at 64% 5%, rgba(83, 148, 255, .22), transparent 35%),
        radial-gradient(circle at 18% 42%, rgba(50, 128, 255, .12), transparent 32%),
        linear-gradient(135deg, #06102d 0%, #08133a 42%, #10145a 68%, #081438 100%) !important;
    overflow-x: hidden !important;
}

body.ph-active::before,
body.ph-active::after {
    content: "" !important;
    position: fixed !important;
    pointer-events: none !important;
    z-index: 0 !important;
}

body.ph-active::before {
    inset: -16% -8% auto -8% !important;
    height: 480px !important;
    background:
        radial-gradient(circle at 74% 52%, rgba(129, 100, 255, .30), transparent 30%),
        radial-gradient(circle at 52% 40%, rgba(81, 156, 255, .28), transparent 38%),
        linear-gradient(90deg, transparent, rgba(153, 186, 255, .09), transparent) !important;
    filter: blur(20px) saturate(130%) !important;
    opacity: .95 !important;
}

body.ph-active::after {
    left: -10% !important;
    right: -10% !important;
    bottom: -20% !important;
    height: 430px !important;
    background:
        radial-gradient(ellipse at 62% 54%, rgba(142, 100, 255, .34), transparent 35%),
        radial-gradient(ellipse at 44% 44%, rgba(74, 145, 255, .28), transparent 42%),
        linear-gradient(80deg, rgba(75, 112, 255, .05), rgba(194, 158, 255, .13), transparent) !important;
    filter: blur(28px) saturate(150%) !important;
    opacity: .9 !important;
}

body.ph-active > .ph-page {
    position: relative !important;
    z-index: 1 !important;
    max-width: 1240px !important;
    padding: 26px 28px 72px !important;
    color: var(--ph-glass-text) !important;
    font-family: var(--ph-glass-font) !important;
    background:
        radial-gradient(circle at 18% 14%, rgba(255,255,255,.045), transparent 18%),
        radial-gradient(circle at 82% 8%, rgba(128,151,255,.11), transparent 18%) !important;
}

body.ph-active > .ph-page::before,
body.ph-active > .ph-page::after {
    content: "" !important;
    position: fixed !important;
    pointer-events: none !important;
    z-index: -1 !important;
    border-radius: 999px !important;
}

body.ph-active > .ph-page::before {
    width: 148px !important;
    height: 148px !important;
    left: 20px !important;
    bottom: 240px !important;
    background:
        radial-gradient(circle at 35% 30%, rgba(255,255,255,.95), rgba(130,188,255,.44) 30%, rgba(124,92,255,.12) 64%, transparent 72%) !important;
    box-shadow: 0 0 60px rgba(97, 158, 255, .38) !important;
    opacity: .42 !important;
}

body.ph-active > .ph-page::after {
    width: 190px !important;
    height: 190px !important;
    right: 30px !important;
    bottom: 78px !important;
    transform: rotate(24deg) !important;
    border-radius: 34px !important;
    background:
        linear-gradient(135deg, rgba(255,255,255,.36), rgba(120,166,255,.16) 42%, rgba(175,119,255,.18)) !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    box-shadow: 0 0 72px rgba(129, 100, 255, .28), inset 0 1px 0 rgba(255,255,255,.28) !important;
    opacity: .28 !important;
}

.ph-page,
.ph-page * {
    font-family: var(--ph-glass-font) !important;
    letter-spacing: -0.014em !important;
}

.ph-header,
.ph-header-pro {
    min-height: 96px !important;
    margin: 0 0 20px !important;
    padding: 20px 22px !important;
    border-radius: 30px !important;
    overflow: visible !important;
    position: relative !important;
    z-index: 1000 !important;
    background:
        linear-gradient(135deg, rgba(43, 83, 201, .20), rgba(25, 42, 113, .42) 44%, rgba(47, 54, 165, .24)),
        rgba(12, 25, 72, .54) !important;
    border: 1px solid var(--ph-glass-line) !important;
    box-shadow: var(--ph-glass-shadow), inset 0 1px 0 rgba(255,255,255,.11), inset 0 -1px 0 rgba(255,255,255,.035) !important;
    backdrop-filter: blur(28px) saturate(155%) !important;
    -webkit-backdrop-filter: blur(28px) saturate(155%) !important;
}

.ph-header::before,
.ph-header-pro::before {
    display: block !important;
    content: "" !important;
    position: absolute !important;
    inset: 1px !important;
    border-radius: 29px !important;
    pointer-events: none !important;
    background:
        linear-gradient(120deg, rgba(255,255,255,.14), transparent 28%, transparent 68%, rgba(159, 191, 255, .13)),
        radial-gradient(circle at 76% 8%, rgba(159, 132, 255, .26), transparent 24%) !important;
    opacity: .78 !important;
}

.ph-header::after,
.ph-header-pro::after {
    display: block !important;
    content: "" !important;
    position: absolute !important;
    left: 26px !important;
    right: 26px !important;
    bottom: -2px !important;
    height: 1px !important;
    background: linear-gradient(90deg, transparent, rgba(125, 182, 255, .66), rgba(184, 139, 255, .55), transparent) !important;
    opacity: .75 !important;
}

.ph-header-left,
.ph-header-right,
.ph-shop-auth,
.ph-header > * {
    position: relative !important;
    z-index: 3 !important;
}

.ph-wordmark-mark {
    width: 46px !important;
    height: 46px !important;
    flex: 0 0 46px !important;
    border-radius: 16px !important;
    background:
        radial-gradient(circle at 28% 22%, rgba(255,255,255,.92), transparent 16%),
        linear-gradient(135deg, #58d2ff 0%, #6b7cff 44%, #b47bff 100%) !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    box-shadow: 0 18px 48px rgba(82, 143, 255, .34), 0 0 42px rgba(171, 116, 255, .23), inset 0 1px 0 rgba(255,255,255,.34) !important;
}

.ph-wordmark-mark::before,
.ph-wordmark-mark::after {
    content: "" !important;
    position: absolute !important;
    border-radius: 10px !important;
    inset: 10px !important;
    border: 2px solid rgba(255,255,255,.58) !important;
    transform: rotate(45deg) !important;
}

.ph-wordmark-mark::after {
    inset: 16px !important;
    background: rgba(255,255,255,.32) !important;
    border: 0 !important;
    box-shadow: 0 0 18px rgba(255,255,255,.22) !important;
}

.ph-wordmark-mark span { display: none !important; }

.ph-title {
    font-size: 32px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    color: #fff !important;
    letter-spacing: -0.058em !important;
    text-shadow: 0 0 24px rgba(169, 197, 255, .18) !important;
}

.ph-subtitle {
    margin-top: 8px !important;
    color: var(--ph-glass-muted) !important;
    font-size: 13px !important;
    font-weight: 650 !important;
}

.ph-footer-version,
.ph-version-badge { display: none !important; }

.ph-shop-auth-btn,
.ph-account-btn {
    height: 60px !important;
    min-width: 320px !important;
    padding: 8px 13px 8px 8px !important;
    border-radius: 22px !important;
    background:
        linear-gradient(135deg, rgba(92, 125, 255, .24), rgba(135, 95, 255, .16)),
        rgba(39, 72, 165, .26) !important;
    color: #fff !important;
    border: 1px solid rgba(199, 218, 255, .25) !important;
    box-shadow: 0 20px 56px rgba(8, 20, 74, .34), 0 0 36px rgba(116, 139, 255, .12), inset 0 1px 0 rgba(255,255,255,.12) !important;
    backdrop-filter: blur(18px) saturate(145%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(145%) !important;
}

.ph-shop-auth-btn:hover,
.ph-shop-auth.open .ph-shop-auth-btn {
    transform: translateY(-1px) !important;
    border-color: rgba(209, 221, 255, .42) !important;
    box-shadow: 0 24px 66px rgba(9, 18, 68, .44), 0 0 54px rgba(135, 105, 255, .28), inset 0 1px 0 rgba(255,255,255,.18) !important;
}

.ph-account-avatar {
    width: 44px !important;
    height: 44px !important;
    border-radius: 17px !important;
    background: linear-gradient(135deg, rgba(116, 219, 255, .42), rgba(131, 100, 255, .30), rgba(211, 144, 255, .28)) !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 0 26px rgba(122, 162, 255, .22) !important;
}

.ph-account-name { color: #fff !important; font-weight: 780 !important; }
.ph-account-meta { color: rgba(221, 233, 255, .72) !important; font-weight: 610 !important; }
.ph-shop-auth-caret { color: rgba(226, 236, 255, .74) !important; }

.ph-shop-auth-popover {
    top: calc(100% + 16px) !important;
    width: 440px !important;
    border-radius: 26px !important;
    background:
        linear-gradient(145deg, rgba(38, 66, 159, .44), rgba(14, 25, 78, .88)),
        rgba(8, 17, 54, .88) !important;
    border: 1px solid rgba(196, 215, 255, .25) !important;
    box-shadow: 0 34px 106px rgba(0, 8, 36, .66), 0 0 74px rgba(119, 95, 255, .22), inset 0 1px 0 rgba(255,255,255,.13) !important;
    backdrop-filter: blur(34px) saturate(160%) !important;
    -webkit-backdrop-filter: blur(34px) saturate(160%) !important;
}

.ph-tabs {
    position: sticky !important;
    top: 16px !important;
    z-index: 80 !important;
    margin: 0 0 22px !important;
    padding: 7px !important;
    border-radius: 24px !important;
    background:
        linear-gradient(135deg, rgba(54, 86, 189, .22), rgba(30, 45, 125, .42)),
        rgba(10, 25, 77, .58) !important;
    border: 1px solid rgba(184, 209, 255, .18) !important;
    box-shadow: 0 20px 70px rgba(4, 12, 50, .34), inset 0 1px 0 rgba(255,255,255,.08) !important;
    backdrop-filter: blur(26px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(26px) saturate(150%) !important;
}

.ph-tab {
    min-height: 48px !important;
    border-radius: 18px !important;
    color: rgba(219, 231, 255, .72) !important;
    font-size: 14px !important;
    font-weight: 760 !important;
    transition: transform .18s ease, background .18s ease, color .18s ease, box-shadow .18s ease !important;
}

.ph-tab:hover {
    color: #fff !important;
    background: rgba(255,255,255,.075) !important;
    transform: translateY(-1px) !important;
}

.ph-tab.active {
    color: #fff !important;
    background:
        linear-gradient(135deg, rgba(139, 116, 255, .55), rgba(80, 140, 255, .32)) !important;
    border-color: rgba(226, 236, 255, .24) !important;
    box-shadow: 0 16px 42px rgba(57, 79, 204, .34), 0 0 30px rgba(125, 112, 255, .25), inset 0 1px 0 rgba(255,255,255,.18) !important;
}

.ph-tab-content.active { animation: ph-glass-fade .26s ease both !important; }
@keyframes ph-glass-fade { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }

.ph-summary-card,
.ph-settings-card,
.ph-calc-card,
.ph-calc-result,
.ph-ws-log-card,
.ph-ws-toolbar,
.ph-ws-log-list,
.ph-settings-group,
.ph-shop-card,
.ph-add-section,
.ph-add-form,
.ph-setting-item,
.ph-summary-table,
.ph-summary-event,
.ph-summary-kpi,
#tm-chat-panel,
.ph-browser-notify-card {
    border-radius: var(--ph-glass-radius-lg) !important;
    background:
        linear-gradient(145deg, rgba(62, 96, 211, .20), rgba(22, 38, 115, .42) 58%, rgba(42, 38, 129, .26)),
        rgba(13, 28, 89, .50) !important;
    border: 1px solid var(--ph-glass-line) !important;
    box-shadow: var(--ph-glass-shadow-card) !important;
    backdrop-filter: blur(24px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(24px) saturate(150%) !important;
}

.ph-summary-card,
.ph-settings-card,
.ph-calc-card,
.ph-ws-log-card {
    padding: 22px !important;
}

.ph-summary-card:hover,
.ph-settings-group:hover,
.ph-calc-card:hover,
.ph-summary-kpi:hover {
    border-color: rgba(216, 230, 255, .32) !important;
    box-shadow: 0 24px 86px rgba(5, 13, 55, .42), 0 0 48px rgba(104, 128, 255, .13), inset 0 1px 0 rgba(255,255,255,.10) !important;
}

.ph-summary-hero,
.ph-calc-hero {
    position: relative !important;
    overflow: hidden !important;
    background:
        radial-gradient(circle at 82% 10%, rgba(154, 115, 255, .30), transparent 26%),
        radial-gradient(circle at 25% 0%, rgba(91, 165, 255, .20), transparent 34%),
        linear-gradient(135deg, rgba(58, 89, 202, .25), rgba(17, 32, 108, .52)) !important;
}

.ph-summary-hero::after,
.ph-calc-hero::after {
    content: "" !important;
    position: absolute !important;
    left: 24px !important;
    right: 24px !important;
    bottom: 0 !important;
    height: 1px !important;
    background: linear-gradient(90deg, transparent, rgba(132, 203, 255, .62), rgba(175, 126, 255, .46), transparent) !important;
}

.ph-calc-eyebrow,
.ph-section-label {
    color: #a7c4ff !important;
    font-size: 11px !important;
    font-weight: 840 !important;
    letter-spacing: .1em !important;
    text-transform: uppercase !important;
}

.ph-calc-heading {
    color: #fff !important;
    font-size: 34px !important;
    line-height: 1.04 !important;
    font-weight: 790 !important;
    letter-spacing: -0.065em !important;
    text-shadow: 0 0 32px rgba(174, 198, 255, .17) !important;
}

.ph-calc-subtext,
.ph-setting-desc,
.ph-summary-empty,
.ph-ws-log-empty,
.ph-ws-log-details,
.ph-ws-log-time,
.ph-summary-event span,
.ph-summary-card-label,
.ph-summary-muted,
.ph-calc-hint {
    color: var(--ph-glass-muted) !important;
}

.ph-summary-kpis {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 14px !important;
}

.ph-summary-kpi {
    min-height: 108px !important;
    padding: 18px !important;
    border-radius: 22px !important;
    position: relative !important;
    overflow: hidden !important;
}

.ph-summary-kpi::before {
    content: "" !important;
    position: absolute !important;
    width: 110px !important;
    height: 110px !important;
    top: -50px !important;
    right: -34px !important;
    border-radius: 999px !important;
    background: radial-gradient(circle, rgba(122, 162, 255, .28), transparent 68%) !important;
    pointer-events: none !important;
}

.ph-summary-kpi span,
.ph-calc-result-label,
.ph-calc-label,
.ph-setting-label {
    color: rgba(232, 239, 255, .77) !important;
    font-weight: 700 !important;
}

.ph-summary-kpi strong,
.ph-summary-card-value,
.ph-calc-total-val,
.ph-summary-positive,
.ph-kpi-positive,
.ph-meta-balance,
.ph-meta-pending {
    color: var(--ph-glass-green) !important;
    text-shadow: 0 0 18px rgba(84, 240, 178, .16) !important;
}

.ph-summary-negative,
.ph-summary-spend,
.ph-calc-minus,
.ph-calc-total-negative,
.ph-token-error,
.ph-error-msg,
.ph-danger-soft,
.ph-shop-delete,
.tm-republish-toast-error {
    color: var(--ph-glass-red) !important;
}

.ph-summary-table,
.ph-summary-table-wrap,
.ph-summary-events,
.ph-summary-backup,
.ph-summary-republish {
    overflow: hidden !important;
}

.ph-summary-tr,
.ph-summary-event,
.ph-ws-log-entry {
    border-color: rgba(205, 224, 255, .11) !important;
    color: var(--ph-glass-text-soft) !important;
}

.ph-summary-th,
.ph-summary-table th {
    color: rgba(221, 235, 255, .68) !important;
    background: rgba(255,255,255,.035) !important;
}

.ph-summary-name,
.ph-ws-log-msg,
.ph-shop-name,
.ph-settings-group-text strong,
.ph-summary-event strong,
.ph-calc-result-val,
.ph-calc-total-label,
.ph-calc-mini-badge,
.ph-token-success {
    color: #fff !important;
}

.ph-summary-event b { color: var(--ph-glass-green) !important; }
.ph-summary-event-raise b,
.ph-summary-event-boost b,
.ph-summary-event-republish b { color: var(--ph-glass-red) !important; }

.ph-btn,
.ph-btn-primary,
.ph-btn-secondary,
.ph-btn-add,
.ph-ws-clear-btn,
.ph-calc-seg-btn,
.ph-summary-input,
.ph-token-input,
.ph-fee-input,
.ph-pause-message-input,
.ph-calc-input,
.ph-ws-filter,
.ph-summary-event-select {
    border-radius: 16px !important;
    font-weight: 760 !important;
    transition: transform .17s ease, box-shadow .17s ease, border-color .17s ease, background .17s ease !important;
}

.ph-btn-primary,
.ph-btn-add {
    background: linear-gradient(135deg, #7b7cff, #5a8dff 52%, #a86fff) !important;
    color: #fff !important;
    border: 1px solid rgba(220, 232, 255, .34) !important;
    box-shadow: 0 18px 48px rgba(82, 133, 255, .34), 0 0 38px rgba(159, 116, 255, .22), inset 0 1px 0 rgba(255,255,255,.25) !important;
}

.ph-btn-secondary,
.ph-ws-clear-btn,
.ph-calc-seg-btn {
    background: rgba(255,255,255,.066) !important;
    color: var(--ph-glass-text-soft) !important;
    border: 1px solid rgba(200, 221, 255, .19) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06) !important;
}

.ph-btn:hover,
.ph-calc-seg-btn:hover,
.ph-ws-clear-btn:hover {
    transform: translateY(-1px) !important;
    border-color: rgba(222, 236, 255, .34) !important;
    box-shadow: 0 18px 54px rgba(13, 30, 92, .28), 0 0 34px rgba(124, 135, 255, .18), inset 0 1px 0 rgba(255,255,255,.12) !important;
}

.ph-summary-input,
.ph-token-input,
.ph-fee-input,
.ph-pause-message-input,
.ph-calc-input,
.ph-ws-filter,
.ph-summary-event-select {
    background: rgba(8, 20, 70, .54) !important;
    color: #fff !important;
    border: 1px solid rgba(202, 222, 255, .18) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.065) !important;
}

.ph-summary-input::placeholder,
.ph-token-input::placeholder,
.ph-pause-message-input::placeholder,
.ph-calc-input::placeholder { color: rgba(221, 234, 255, .42) !important; }

.ph-summary-input:focus,
.ph-token-input:focus,
.ph-fee-input:focus,
.ph-pause-message-input:focus,
.ph-calc-input:focus,
.ph-ws-filter:focus,
.ph-summary-event-select:focus {
    border-color: rgba(157, 188, 255, .58) !important;
    box-shadow: 0 0 0 4px rgba(111, 136, 255, .16), 0 0 34px rgba(105, 143, 255, .18), inset 0 1px 0 rgba(255,255,255,.09) !important;
}

.ph-calc-card-pro {
    display: grid !important;
    grid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr) !important;
    gap: 18px !important;
}

.ph-calc-result-pro {
    padding: 20px !important;
}

.ph-calc-seg-btn.active {
    background: linear-gradient(135deg, rgba(130, 117, 255, .55), rgba(85, 152, 255, .32)) !important;
    color: #fff !important;
    border-color: rgba(225, 235, 255, .32) !important;
}

.ph-switch input:checked + .ph-slider,
.ph-slider {
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1) !important;
}

.ph-switch input:checked + .ph-slider {
    background: linear-gradient(135deg, #7b7cff, #5a8dff) !important;
}

.ph-slider { background: rgba(255,255,255,.12) !important; border: 1px solid rgba(203, 221, 255, .18) !important; }

.ph-settings-card-accordion {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
}

.ph-settings-group {
    overflow: hidden !important;
}

.ph-settings-group-head {
    min-height: 74px !important;
    padding: 18px 20px !important;
    color: #fff !important;
}

.ph-settings-group-head:hover {
    background: rgba(255,255,255,.055) !important;
}

.ph-settings-group-chevron {
    color: rgba(224, 235, 255, .72) !important;
    background: rgba(255,255,255,.07) !important;
    border: 1px solid rgba(205, 224, 255, .12) !important;
}

.ph-settings-group.open .ph-settings-group-chevron {
    color: #fff !important;
    background: rgba(128, 123, 255, .28) !important;
}

.ph-settings-group-body {
    padding: 0 14px 14px !important;
}

.ph-settings-group-body .ph-setting-item {
    border-radius: 18px !important;
    background: rgba(9, 22, 72, .34) !important;
    border: 1px solid rgba(202, 222, 255, .12) !important;
}

.ph-shop-card {
    padding: 12px !important;
    border-radius: 18px !important;
}

.ph-shop-avatar {
    border-radius: 15px !important;
    box-shadow: 0 0 22px rgba(108, 150, 255, .24) !important;
}

.ph-ws-log-list { padding: 8px !important; }
.ph-ws-log-entry { border-radius: 16px !important; margin: 6px 0 !important; background: rgba(255,255,255,.035) !important; }
.ph-ws-log-entry:hover { background: rgba(111, 141, 255, .09) !important; }
.ph-ws-log-badge,
.ph-summary-pill { background: rgba(116, 130, 255, .14) !important; border-color: rgba(193, 215, 255, .18) !important; color: #d8e7ff !important; }

.ph-footer { color: rgba(218, 231, 255, .54) !important; }

#tm-chat-panel {
    background:
        linear-gradient(145deg, rgba(58, 91, 200, .25), rgba(13, 27, 82, .74)),
        rgba(7, 16, 53, .82) !important;
    border-radius: 24px !important;
    border: 1px solid rgba(203, 223, 255, .22) !important;
    box-shadow: 0 28px 90px rgba(0, 9, 40, .52), 0 0 56px rgba(121, 130, 255, .20), inset 0 1px 0 rgba(255,255,255,.11) !important;
    backdrop-filter: blur(28px) saturate(155%) !important;
    -webkit-backdrop-filter: blur(28px) saturate(155%) !important;
}

#tm-chat-panel .tm-chat-header { background: rgba(255,255,255,.055) !important; border-bottom-color: rgba(204, 223, 255, .13) !important; }
#tm-chat-panel .tm-chat-title,
#tm-chat-panel .tm-chat-chip-text { color: #fff !important; }
#tm-chat-panel .tm-chat-muted { color: rgba(217, 230, 255, .60) !important; }
#tm-chat-panel .tm-chat-chip,
#tm-chat-panel .tm-chat-compose {
    background: rgba(255,255,255,.06) !important;
    border-color: rgba(204, 223, 255, .14) !important;
    border-radius: 16px !important;
}
#tm-chat-panel .tm-chat-btn { background: linear-gradient(135deg, #7b7cff, #5a8dff) !important; border-radius: 15px !important; }

.ph-browser-notify-card {
    background:
        linear-gradient(135deg, rgba(81, 116, 255, .28), rgba(27, 41, 125, .84)),
        rgba(8, 18, 62, .92) !important;
    border-color: rgba(209, 228, 255, .24) !important;
    border-radius: 22px !important;
    box-shadow: 0 28px 86px rgba(0, 10, 45, .54), 0 0 52px rgba(125, 124, 255, .22), inset 0 1px 0 rgba(255,255,255,.12) !important;
}

.ph-browser-notify-icon { background: linear-gradient(135deg, #7b7cff, #5a8dff) !important; }
.ph-browser-notify-title { color: #fff !important; }
.ph-browser-notify-message { color: rgba(231, 240, 255, .86) !important; }
.ph-browser-notify-progress { background: linear-gradient(90deg, #70dcff, #8a72ff, #bd7cff) !important; }

.ph-page *::-webkit-scrollbar { width: 10px !important; height: 10px !important; }
.ph-page *::-webkit-scrollbar-track { background: rgba(255,255,255,.035) !important; border-radius: 999px !important; }
.ph-page *::-webkit-scrollbar-thumb { background: linear-gradient(180deg, rgba(128, 151, 255, .55), rgba(96, 178, 255, .35)) !important; border-radius: 999px !important; border: 2px solid rgba(8, 20, 70, .60) !important; }

@media (max-width: 980px) {
    body.ph-active > .ph-page { padding: 18px 14px 54px !important; }
    .ph-header, .ph-header-pro { flex-direction: column !important; align-items: stretch !important; padding: 18px !important; border-radius: 26px !important; }
    .ph-header-right, .ph-shop-auth, .ph-shop-auth-btn, .ph-account-btn { width: 100% !important; min-width: 0 !important; }
    .ph-shop-auth-popover { left: 0 !important; right: auto !important; width: 100% !important; }
    .ph-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
    .ph-summary-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
    .ph-calc-card-pro { grid-template-columns: 1fr !important; }
}

@media (max-width: 620px) {
    .ph-title { font-size: 27px !important; }
    .ph-summary-kpis { grid-template-columns: 1fr !important; }
    .ph-tabs { grid-template-columns: 1fr !important; }
}

/* ===== v1.2.9 target blue-violet glass dashboard redesign ===== */
:root {
  --ph-v129-bg: #050b25;
  --ph-v129-bg2: #06184a;
  --ph-v129-panel: rgba(35, 74, 190, .30);
  --ph-v129-panel2: rgba(18, 39, 122, .62);
  --ph-v129-card: rgba(54, 93, 224, .26);
  --ph-v129-line: rgba(185, 214, 255, .24);
  --ph-v129-line2: rgba(123, 172, 255, .35);
  --ph-v129-text: #f5f8ff;
  --ph-v129-soft: rgba(224, 236, 255, .72);
  --ph-v129-muted: rgba(202, 218, 255, .55);
  --ph-v129-purple: #946cff;
  --ph-v129-blue: #4f8dff;
  --ph-v129-cyan: #61d9ff;
  --ph-v129-green: #47f0a8;
  --ph-v129-red: #ff6f91;
  --ph-v129-radius: 26px;
  --ph-v129-shadow: 0 38px 120px rgba(1, 8, 40, .58), 0 0 92px rgba(72, 126, 255, .20), inset 0 1px 0 rgba(255,255,255,.12);
}

html:has(body.ph-active),
body.ph-active {
  min-height: 100vh !important;
  background:
    radial-gradient(circle at 76% 50%, rgba(143, 101, 255, .46), transparent 24%),
    radial-gradient(circle at 62% 18%, rgba(69, 139, 255, .35), transparent 26%),
    radial-gradient(circle at 8% 82%, rgba(71, 160, 255, .18), transparent 26%),
    linear-gradient(135deg, #020717 0%, #06133c 35%, #0c1e61 68%, #14156a 100%) !important;
  background-attachment: fixed !important;
  overflow-x: hidden !important;
}

body.ph-active::before,
body.ph-active::after {
  content: "" !important;
  position: fixed !important;
  pointer-events: none !important;
  z-index: 0 !important;
}
body.ph-active::before {
  inset: 0 !important;
  background:
    radial-gradient(circle at 31% 13%, rgba(255,255,255,.08) 0 1px, transparent 2px),
    radial-gradient(circle at 52% 30%, rgba(156, 190, 255,.11) 0 1px, transparent 2px),
    radial-gradient(circle at 78% 11%, rgba(255,255,255,.13) 0 1px, transparent 2px),
    radial-gradient(circle at 84% 70%, rgba(175, 136, 255,.13) 0 1px, transparent 2px) !important;
  opacity: .85 !important;
}
body.ph-active::after {
  left: -18vw !important;
  right: -18vw !important;
  bottom: -42vh !important;
  height: 62vh !important;
  border-radius: 50% 50% 0 0 !important;
  background:
    radial-gradient(ellipse at center, rgba(132, 107, 255, .34), transparent 54%),
    linear-gradient(95deg, transparent, rgba(58, 146, 255, .36), rgba(173, 113, 255, .38), transparent) !important;
  filter: blur(8px) !important;
  opacity: .75 !important;
}

body.ph-active > *:not(.ph-page):not(script):not(style):not(#ph-hide-original) { display: none !important; }

body.ph-active > .ph-page.ph-glass-page {
  position: relative !important;
  z-index: 1 !important;
  width: min(1760px, calc(100vw - 48px)) !important;
  max-width: none !important;
  min-height: 100vh !important;
  margin: 0 auto !important;
  padding: 30px 18px 72px !important;
  color: var(--ph-v129-text) !important;
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
  background: transparent !important;
}
body.ph-active > .ph-page.ph-glass-page::before,
body.ph-active > .ph-page.ph-glass-page::after { display: none !important; }

.ph-glass-page,
.ph-glass-page * {
  box-sizing: border-box !important;
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
  letter-spacing: -0.018em !important;
}

.ph-glass-topnav {
  height: 58px !important;
  display: grid !important;
  grid-template-columns: 280px 1fr 280px !important;
  align-items: center !important;
  gap: 22px !important;
  margin-bottom: 34px !important;
  color: var(--ph-v129-text) !important;
}
.ph-glass-brand,
.ph-glass-app-title,
.ph-glass-sidebar-brand {
  display: inline-flex !important;
  align-items: center !important;
  gap: 13px !important;
  color: #fff !important;
  font-weight: 820 !important;
  font-size: 25px !important;
  text-shadow: 0 0 32px rgba(163, 197, 255, .18) !important;
}
.ph-glass-sidebar-brand,
.ph-glass-app-title { font-size: 22px !important; }
.ph-glass-brand-mark {
  width: 34px !important;
  height: 34px !important;
  flex: 0 0 auto !important;
  display: inline-block !important;
  border-radius: 12px !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.86), rgba(255,255,255,0) 20%),
    linear-gradient(135deg, #52d4ff 0%, #6177ff 42%, #b36cff 100%) !important;
  box-shadow: 0 0 28px rgba(88, 154, 255, .38), inset 0 1px 0 rgba(255,255,255,.36) !important;
  position: relative !important;
}
.ph-glass-brand-mark::after {
  content: "" !important;
  position: absolute !important;
  inset: 8px !important;
  border-radius: 7px !important;
  border: 2px solid rgba(255,255,255,.58) !important;
  transform: rotate(45deg) !important;
}
.ph-glass-brand-mark-small { width: 28px !important; height: 28px !important; border-radius: 10px !important; }
.ph-glass-brand-mark-small::after { inset: 7px !important; border-radius: 6px !important; }
.ph-glass-nav-links {
  display: flex !important;
  justify-content: center !important;
  gap: clamp(26px, 4vw, 64px) !important;
  color: rgba(229, 238, 255, .76) !important;
  font-size: 14px !important;
  font-weight: 650 !important;
}
.ph-glass-nav-actions {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 18px !important;
}
.ph-glass-login { color: rgba(230,239,255,.78) !important; font-weight: 650 !important; }
.ph-glass-top-btn,
.ph-glass-primary {
  border: 0 !important;
  cursor: pointer !important;
  color: #fff !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #6b8dff, #8e6cff 58%, #b57aff) !important;
  box-shadow: 0 18px 48px rgba(110, 112, 255, .38), inset 0 1px 0 rgba(255,255,255,.28) !important;
}
.ph-glass-top-btn { min-width: 132px !important; height: 46px !important; font-weight: 780 !important; }

.ph-glass-layout {
  display: grid !important;
  grid-template-columns: minmax(300px, 385px) minmax(0, 1fr) !important;
  gap: 46px !important;
  align-items: start !important;
}
.ph-glass-hero-left {
  padding: 96px 0 0 10px !important;
  min-height: 620px !important;
  position: sticky !important;
  top: 24px !important;
}
.ph-glass-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 10px 16px !important;
  border-radius: 999px !important;
  color: rgba(231, 239, 255, .78) !important;
  background: rgba(79, 109, 255, .16) !important;
  border: 1px solid rgba(161, 191, 255, .18) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 0 26px rgba(93, 130, 255,.16) !important;
  font-weight: 700 !important;
  font-size: 14px !important;
}
.ph-glass-hero-title {
  margin: 42px 0 24px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  font-size: clamp(58px, 5.2vw, 88px) !important;
  line-height: .94 !important;
  font-weight: 760 !important;
  color: #fff !important;
  letter-spacing: -0.075em !important;
  text-shadow: 0 0 30px rgba(173, 202, 255, .17) !important;
}
.ph-glass-hero-title span:nth-child(3) {
  background: linear-gradient(135deg, #c177ff 0%, #7d83ff 48%, #53c8ff 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
}
.ph-glass-hero-text {
  max-width: 365px !important;
  color: var(--ph-v129-soft) !important;
  font-size: 18px !important;
  line-height: 1.52 !important;
  margin: 0 0 34px !important;
}
.ph-glass-hero-actions { display: flex !important; flex-direction: column !important; gap: 14px !important; max-width: 315px !important; }
.ph-glass-primary,
.ph-glass-secondary {
  height: 64px !important;
  padding: 0 28px !important;
  display: inline-flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  font-size: 18px !important;
  font-weight: 760 !important;
}
.ph-glass-secondary {
  cursor: pointer !important;
  border-radius: 18px !important;
  color: #eff5ff !important;
  border: 1px solid rgba(177, 207, 255, .20) !important;
  background: rgba(45, 73, 157, .16) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06) !important;
}
.ph-glass-hero-meta {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 14px !important;
  margin-top: 26px !important;
  color: rgba(216, 228, 255, .65) !important;
  font-size: 13px !important;
}

.ph-glass-app {
  min-height: 720px !important;
  display: grid !important;
  grid-template-columns: 270px minmax(0, 1fr) !important;
  gap: 0 !important;
  border-radius: 34px !important;
  overflow: visible !important;
  position: relative !important;
  background:
    radial-gradient(circle at 96% 85%, rgba(185, 95, 255, .26), transparent 26%),
    radial-gradient(circle at 25% 0%, rgba(87, 177, 255, .22), transparent 22%),
    linear-gradient(135deg, rgba(61, 102, 230, .31), rgba(21, 46, 139, .70) 44%, rgba(44, 44, 151, .50)) !important;
  border: 1px solid rgba(189, 219, 255, .26) !important;
  box-shadow: var(--ph-v129-shadow), 0 0 0 1px rgba(108, 161, 255, .18) !important;
  backdrop-filter: blur(30px) saturate(155%) !important;
  -webkit-backdrop-filter: blur(30px) saturate(155%) !important;
}
.ph-glass-app::before {
  content: "" !important;
  position: absolute !important;
  inset: 1px !important;
  border-radius: 33px !important;
  pointer-events: none !important;
  background: linear-gradient(120deg, rgba(255,255,255,.16), transparent 24%, transparent 70%, rgba(170, 118, 255, .15)) !important;
  opacity: .82 !important;
}
.ph-glass-app::after {
  content: "" !important;
  position: absolute !important;
  left: 30px !important;
  right: 30px !important;
  bottom: -2px !important;
  height: 2px !important;
  background: linear-gradient(90deg, transparent, rgba(86, 202, 255, .85), rgba(179, 107, 255, .75), transparent) !important;
  filter: blur(.2px) !important;
  opacity: .9 !important;
}
.ph-glass-sidebar,
.ph-glass-main { position: relative !important; z-index: 2 !important; }
.ph-glass-sidebar {
  padding: 30px 22px 24px !important;
  border-right: 1px solid rgba(204, 225, 255, .12) !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 720px !important;
}
.ph-glass-sidebar-brand { margin-bottom: 28px !important; font-size: 16px !important; }
.ph-glass-sidebar-brand strong { color: #fff !important; font-size: 16px !important; }
.ph-glass-sidebar .ph-tabs {
  position: relative !important;
  top: auto !important;
  z-index: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 11px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
.ph-glass-sidebar .ph-tab {
  width: 100% !important;
  height: 52px !important;
  min-height: 52px !important;
  padding: 0 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  border-radius: 16px !important;
  border: 1px solid transparent !important;
  color: rgba(227, 237, 255, .74) !important;
  background: transparent !important;
  font-size: 15px !important;
  font-weight: 720 !important;
  cursor: pointer !important;
}
.ph-glass-sidebar .ph-tab::before {
  width: 24px !important;
  text-align: center !important;
  color: rgba(233, 240, 255, .82) !important;
}
.ph-glass-sidebar .ph-tab[data-tab="summary"]::before { content: "⌂" !important; }
.ph-glass-sidebar .ph-tab[data-tab="settings"]::before { content: "⚙" !important; }
.ph-glass-sidebar .ph-tab[data-tab="calculator"]::before { content: "₽" !important; }
.ph-glass-sidebar .ph-tab[data-tab="wslog"]::before { content: "▤" !important; }
.ph-glass-sidebar .ph-tab.active {
  color: #fff !important;
  border-color: rgba(210, 226, 255, .26) !important;
  background: linear-gradient(135deg, rgba(101, 126, 255, .70), rgba(69, 141, 255, .36)) !important;
  box-shadow: 0 18px 48px rgba(39, 79, 211, .36), inset 0 1px 0 rgba(255,255,255,.22) !important;
}
.ph-glass-pro-card {
  margin-top: auto !important;
  min-height: 74px !important;
  padding: 14px !important;
  display: grid !important;
  grid-template-columns: 42px 1fr !important;
  grid-template-rows: 1fr 1fr !important;
  align-items: center !important;
  border-radius: 19px !important;
  color: #fff !important;
  background: rgba(67, 101, 229, .25) !important;
  border: 1px solid rgba(193, 218, 255, .18) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10) !important;
}
.ph-glass-pro-card span { grid-row: 1 / 3 !important; width: 36px !important; height: 36px !important; display:flex !important; align-items:center !important; justify-content:center !important; border-radius: 13px !important; background: rgba(255,255,255,.10) !important; }
.ph-glass-pro-card strong { font-size: 15px !important; }
.ph-glass-pro-card small { color: rgba(224, 235, 255, .62) !important; }

.ph-glass-main {
  min-width: 0 !important;
  padding: 28px 28px 24px !important;
}
.ph-glass-app-topbar {
  height: 54px !important;
  display: grid !important;
  grid-template-columns: auto minmax(240px, 1fr) auto auto !important;
  align-items: center !important;
  gap: 16px !important;
  margin-bottom: 24px !important;
}
.ph-glass-search,
.ph-glass-date-pill {
  height: 44px !important;
  display: flex !important;
  align-items: center !important;
  border-radius: 16px !important;
  padding: 0 16px !important;
  color: rgba(229, 239, 255, .58) !important;
  background: rgba(75, 107, 230, .20) !important;
  border: 1px solid rgba(197, 219, 255, .15) !important;
}
.ph-glass-search { max-width: 440px !important; }
.ph-glass-date-pill { color: #fff !important; font-weight: 700 !important; white-space: nowrap !important; }
.ph-glass-app-topbar .ph-shop-auth-btn { height: 54px !important; min-width: 210px !important; border-radius: 18px !important; }
.ph-glass-app-topbar .ph-account-avatar { width: 38px !important; height: 38px !important; border-radius: 14px !important; }
.ph-glass-app-topbar .ph-account-meta { display: none !important; }
.ph-glass-app-topbar .ph-account-name { max-width: 116px !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }

.ph-glass-main .ph-tab-content { display: none !important; margin: 0 !important; padding: 0 !important; }
.ph-glass-main .ph-tab-content.active { display: block !important; }
.ph-glass-main #ph-tab-summary.active {
  display: grid !important;
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  gap: 16px !important;
}
.ph-glass-main #ph-tab-summary > * { min-width: 0 !important; }
.ph-glass-main #ph-tab-summary .ph-summary-hero {
  grid-column: 1 / -1 !important;
  min-height: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  align-items: end !important;
}
.ph-glass-main #ph-tab-summary .ph-calc-eyebrow { display: none !important; }
.ph-glass-main #ph-tab-summary .ph-calc-heading {
  margin: 0 !important;
  font-size: 0 !important;
  line-height: 1 !important;
}
.ph-glass-main #ph-tab-summary .ph-calc-heading::after {
  content: "Overview" !important;
  font-size: 30px !important;
  color: #fff !important;
  font-weight: 780 !important;
}
.ph-glass-main #ph-tab-summary .ph-calc-subtext {
  margin: 8px 0 0 !important;
  color: rgba(226, 237, 255, .64) !important;
}
.ph-glass-main #ph-tab-summary > .ph-summary-card:nth-of-type(2) {
  grid-column: 1 / 7 !important;
}
.ph-glass-main #ph-tab-summary .ph-summary-toolbar {
  grid-column: 7 / -1 !important;
  align-self: stretch !important;
}
.ph-glass-main #ph-tab-summary .ph-summary-kpis {
  grid-column: 1 / -1 !important;
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 14px !important;
}
.ph-glass-main #ph-tab-summary [data-summary-table] { grid-column: 1 / 8 !important; }
.ph-glass-main #ph-tab-summary [data-raise-roi] { grid-column: 8 / -1 !important; }
.ph-glass-main #ph-tab-summary > .ph-summary-card:last-child { grid-column: 1 / -1 !important; }

.ph-glass-main .ph-summary-card,
.ph-glass-main .ph-settings-card,
.ph-glass-main .ph-calculator-card,
.ph-glass-main .ph-calc-card,
.ph-glass-main .ph-ws-log-card,
.ph-glass-main .ph-summary-kpi,
.ph-glass-main .ph-summary-toolbar,
.ph-glass-main .ph-settings-group,
.ph-glass-main .ph-setting-item,
.ph-glass-main .ph-calc-result,
.ph-glass-main .ph-ws-log-list,
.ph-glass-main .ph-ws-log-toolbar {
  border-radius: 22px !important;
  background:
    linear-gradient(145deg, rgba(65, 106, 231, .24), rgba(20, 43, 132, .52) 58%, rgba(50, 54, 163, .32)),
    rgba(18, 39, 126, .52) !important;
  border: 1px solid rgba(190, 219, 255, .18) !important;
  box-shadow: 0 18px 54px rgba(4, 14, 60, .28), inset 0 1px 0 rgba(255,255,255,.10) !important;
  backdrop-filter: blur(22px) saturate(150%) !important;
  -webkit-backdrop-filter: blur(22px) saturate(150%) !important;
}
.ph-glass-main .ph-summary-card,
.ph-glass-main .ph-settings-card,
.ph-glass-main .ph-calculator-card,
.ph-glass-main .ph-calc-card,
.ph-glass-main .ph-ws-log-card { padding: 18px !important; }
.ph-glass-main .ph-summary-toolbar {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  gap: 10px !important;
  padding: 14px !important;
}
.ph-glass-main .ph-summary-kpi {
  min-height: 108px !important;
  padding: 17px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}
.ph-glass-main .ph-summary-kpi span,
.ph-glass-main .ph-summary-card-label,
.ph-glass-main .ph-setting-desc,
.ph-glass-main .ph-calc-subtext,
.ph-glass-main .ph-summary-empty,
.ph-glass-main .ph-summary-muted,
.ph-glass-main .ph-summary-event span,
.ph-glass-main .ph-summary-event em,
.ph-glass-main .ph-ws-log-time,
.ph-glass-main .ph-ws-log-details {
  color: rgba(224,236,255,.62) !important;
}
.ph-glass-main .ph-summary-kpi strong {
  margin: 5px 0 !important;
  color: #fff !important;
  font-size: 24px !important;
  font-weight: 800 !important;
}
.ph-glass-main .ph-summary-kpi small { color: var(--ph-v129-green) !important; font-weight: 700 !important; }
.ph-glass-main .ph-section-label {
  color: #b4c8ff !important;
  font-weight: 860 !important;
  text-transform: uppercase !important;
  letter-spacing: .085em !important;
  font-size: 11px !important;
}
.ph-glass-main .ph-summary-table,
.ph-glass-main .ph-summary-tr,
.ph-glass-main .ph-summary-event,
.ph-glass-main .ph-ws-log-entry { border-color: rgba(201, 224, 255, .11) !important; }
.ph-glass-main .ph-summary-tr,
.ph-glass-main .ph-summary-event { color: rgba(236, 243, 255, .84) !important; }
.ph-glass-main .ph-summary-th { color: rgba(226, 238, 255, .58) !important; }
.ph-glass-main .ph-summary-name,
.ph-glass-main .ph-summary-event strong,
.ph-glass-main .ph-ws-log-msg,
.ph-glass-main .ph-setting-label { color: #fff !important; }
.ph-glass-main .ph-summary-positive,
.ph-glass-main .ph-summary-event b { color: var(--ph-v129-green) !important; }
.ph-glass-main .ph-summary-negative,
.ph-glass-main .ph-summary-spend,
.ph-glass-main .ph-danger-soft { color: var(--ph-v129-red) !important; }

.ph-glass-main .ph-summary-input,
.ph-glass-main .ph-pause-message-input,
.ph-glass-main input,
.ph-glass-main textarea,
.ph-glass-main select,
.ph-glass-main .ph-calc-input,
.ph-glass-main .ph-token-input {
  color: #fff !important;
  border-radius: 15px !important;
  background: rgba(10, 24, 83, .62) !important;
  border: 1px solid rgba(189, 219, 255, .17) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06) !important;
}
.ph-glass-main .ph-summary-input:focus,
.ph-glass-main .ph-pause-message-input:focus,
.ph-glass-main input:focus,
.ph-glass-main textarea:focus,
.ph-glass-main select:focus,
.ph-glass-main .ph-calc-input:focus,
.ph-glass-main .ph-token-input:focus {
  outline: none !important;
  border-color: rgba(132, 190, 255, .50) !important;
  box-shadow: 0 0 0 4px rgba(91, 147, 255, .15), inset 0 1px 0 rgba(255,255,255,.08) !important;
}
.ph-glass-main .ph-btn,
.ph-glass-main button:not(.ph-tab):not(.ph-shop-auth-btn) {
  border-radius: 14px !important;
  font-weight: 760 !important;
}
.ph-glass-main .ph-btn-primary,
.ph-glass-main .ph-summary-republish-actions .ph-btn,
.ph-glass-main #ph-summary-run-republish {
  color: #fff !important;
  border: 1px solid rgba(216, 230, 255, .23) !important;
  background: linear-gradient(135deg, #6a8cff, #8d70ff) !important;
  box-shadow: 0 14px 36px rgba(83, 101, 255, .28), inset 0 1px 0 rgba(255,255,255,.20) !important;
}
.ph-glass-main .ph-btn-secondary {
  color: rgba(236, 244, 255, .92) !important;
  background: rgba(65, 101, 222, .20) !important;
  border: 1px solid rgba(195, 221, 255, .18) !important;
}

.ph-glass-feature-strip {
  width: min(1320px, 82vw) !important;
  margin: 42px auto 26px !important;
  min-height: 92px !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0 !important;
  align-items: center !important;
  border-radius: 25px !important;
  background: linear-gradient(135deg, rgba(83, 117, 247, .27), rgba(126, 104, 255, .18)), rgba(28, 55, 152, .42) !important;
  border: 1px solid rgba(199, 223, 255, .18) !important;
  box-shadow: 0 28px 90px rgba(6, 19, 76, .36), inset 0 1px 0 rgba(255,255,255,.12) !important;
  backdrop-filter: blur(24px) saturate(150%) !important;
}
.ph-glass-feature-strip > div {
  min-height: 92px !important;
  display: grid !important;
  grid-template-columns: 52px 1fr !important;
  grid-template-rows: 1fr 1fr !important;
  align-items: center !important;
  column-gap: 14px !important;
  padding: 18px 28px !important;
  border-right: 1px solid rgba(221, 235, 255, .10) !important;
}
.ph-glass-feature-strip > div:last-child { border-right: 0 !important; }
.ph-glass-feature-strip span,
.ph-glass-mini-card span {
  grid-row: 1 / 3 !important;
  width: 46px !important;
  height: 46px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 16px !important;
  color: #fff !important;
  font-size: 22px !important;
  background: linear-gradient(135deg, rgba(103, 141, 255, .44), rgba(143, 104, 255, .28)) !important;
  box-shadow: 0 0 34px rgba(117, 132, 255, .20), inset 0 1px 0 rgba(255,255,255,.16) !important;
}
.ph-glass-feature-strip strong,
.ph-glass-mini-card strong { color: #fff !important; font-size: 16px !important; }
.ph-glass-feature-strip small,
.ph-glass-mini-card small { color: rgba(224, 236, 255, .62) !important; font-size: 13px !important; line-height: 1.35 !important; }
.ph-glass-bottom-cards {
  width: min(1340px, 84vw) !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 18px !important;
}
.ph-glass-mini-card {
  min-height: 132px !important;
  display: grid !important;
  grid-template-columns: 58px 1fr !important;
  grid-template-rows: auto 1fr !important;
  gap: 8px 18px !important;
  align-items: start !important;
  padding: 26px !important;
  border-radius: 24px !important;
  background: linear-gradient(135deg, rgba(55, 91, 208, .22), rgba(23, 45, 133, .44)), rgba(12, 29, 96, .44) !important;
  border: 1px solid rgba(198, 224, 255, .18) !important;
  box-shadow: 0 22px 70px rgba(5, 18, 72, .32), inset 0 1px 0 rgba(255,255,255,.10) !important;
}
.ph-glass-mini-card span { grid-row: 1 / 3 !important; }
.ph-glass-mini-card strong { align-self: end !important; }
.ph-glass-mini-card small { align-self: start !important; }

.ph-footer {
  width: min(1340px, 84vw) !important;
  margin: 34px auto 0 !important;
  color: rgba(216, 230, 255, .48) !important;
}
.ph-footer-version { display: inline-flex !important; opacity: .8 !important; }

/* Settings / calculator / logs full width inside the glass app */
.ph-glass-main #ph-tab-settings.active,
.ph-glass-main #ph-tab-calculator.active,
.ph-glass-main #ph-tab-wslog.active {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 16px !important;
}
.ph-glass-main .ph-settings-grid,
.ph-glass-main .ph-calc-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 16px !important; }
.ph-glass-main .ph-settings-group { overflow: hidden !important; }
.ph-glass-main .ph-settings-group-head { padding: 18px !important; }
.ph-glass-main .ph-settings-group-body { padding: 0 12px 12px !important; }

@media (max-width: 1380px) {
  body.ph-active > .ph-page.ph-glass-page { width: min(1320px, calc(100vw - 28px)) !important; }
  .ph-glass-layout { grid-template-columns: minmax(260px, 330px) minmax(0, 1fr) !important; gap: 30px !important; }
  .ph-glass-app { grid-template-columns: 230px minmax(0, 1fr) !important; }
  .ph-glass-main #ph-tab-summary .ph-summary-kpis { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
  .ph-glass-main #ph-tab-summary [data-summary-table],
  .ph-glass-main #ph-tab-summary [data-raise-roi] { grid-column: 1 / -1 !important; }
}
@media (max-width: 1080px) {
  .ph-glass-topnav { grid-template-columns: 1fr auto !important; }
  .ph-glass-nav-links { display: none !important; }
  .ph-glass-layout { grid-template-columns: 1fr !important; }
  .ph-glass-hero-left { position: relative !important; min-height: auto !important; padding: 18px 0 0 !important; }
  .ph-glass-app { grid-template-columns: 1fr !important; }
  .ph-glass-sidebar { min-height: auto !important; border-right: 0 !important; border-bottom: 1px solid rgba(204, 225, 255, .12) !important; }
  .ph-glass-sidebar .ph-tabs { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
  .ph-glass-pro-card { display: none !important; }
  .ph-glass-app-topbar { grid-template-columns: 1fr !important; height: auto !important; }
  .ph-glass-feature-strip,
  .ph-glass-bottom-cards { width: 100% !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 700px) {
  body.ph-active > .ph-page.ph-glass-page { width: calc(100vw - 16px) !important; padding: 18px 8px 48px !important; }
  .ph-glass-hero-title { font-size: 48px !important; }
  .ph-glass-main { padding: 18px !important; }
  .ph-glass-main #ph-tab-summary.active { grid-template-columns: 1fr !important; }
  .ph-glass-main #ph-tab-summary > .ph-summary-card:nth-of-type(2),
  .ph-glass-main #ph-tab-summary .ph-summary-toolbar,
  .ph-glass-main #ph-tab-summary .ph-summary-kpis,
  .ph-glass-main #ph-tab-summary [data-summary-table],
  .ph-glass-main #ph-tab-summary [data-raise-roi],
  .ph-glass-main #ph-tab-summary > .ph-summary-card:last-child { grid-column: 1 / -1 !important; }
  .ph-glass-main #ph-tab-summary .ph-summary-kpis,
  .ph-glass-feature-strip,
  .ph-glass-bottom-cards,
  .ph-glass-main .ph-settings-grid,
  .ph-glass-main .ph-calc-grid { grid-template-columns: 1fr !important; }
}


/* ===== v1.4.3 compact top sales modal ===== */
.ph-v134-modal-panel {
  width:min(980px, 94vw) !important;
  max-height:min(760px, 84vh) !important;
}
.ph-v134-modal-head {
  padding: 18px 22px !important;
}
.ph-v134-modal-head strong {
  font-size: 28px !important;
  line-height: 1 !important;
}
.ph-v134-modal-head span {
  display:block !important;
  margin-top: 6px !important;
  font-size: 13px !important;
}
.ph-v134-modal-list {
  padding: 16px 18px 18px !important;
  max-height: calc(min(760px,84vh) - 88px) !important;
}
.ph-v143-sales-modal-summary {
  display:grid !important;
  grid-template-columns: repeat(4, minmax(0,1fr)) !important;
  gap: 12px !important;
  margin-bottom: 14px !important;
}
.ph-v143-sales-modal-summary span {
  min-height: 62px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(228,242,255,.14) !important;
  background: rgba(255,255,255,.055) !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:center !important;
  gap:4px !important;
  color:#fff !important;
}
.ph-v143-sales-modal-summary b {
  font-size: 18px !important;
  font-weight: 860 !important;
}
.ph-v143-sales-modal-summary small {
  font-size: 11px !important;
  color: rgba(231,244,255,.68) !important;
}
.ph-v143-sales-table {
  border-radius: 18px !important;
  border: 1px solid rgba(228,242,255,.12) !important;
  background: rgba(5,14,48,.26) !important;
  overflow: hidden !important;
}
.ph-v143-sales-head,
.ph-v143-sales-row {
  display:grid !important;
  grid-template-columns: 72px minmax(0,1fr) 130px 130px 120px !important;
  gap: 12px !important;
  align-items:center !important;
}
.ph-v143-sales-head {
  padding: 14px 18px !important;
  background: rgba(5,16,60,.52) !important;
  color: rgba(231,244,255,.72) !important;
  font-size: 12px !important;
  font-weight: 780 !important;
  letter-spacing: -.02em !important;
}
.ph-v143-sales-body {
  max-height: 460px !important;
  overflow: auto !important;
}
.ph-v143-sales-row {
  min-height: 62px !important;
  padding: 0 18px !important;
  border-top: 1px solid rgba(228,242,255,.08) !important;
  color: #fff !important;
}
.ph-v143-rank {
  width: 40px !important;
  height: 40px !important;
  border-radius: 12px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  background: linear-gradient(180deg, rgba(142,130,255,.24), rgba(121,164,255,.16)) !important;
  border: 1px solid rgba(228,242,255,.12) !important;
  font-size: 14px !important;
  font-weight: 860 !important;
}
.ph-v143-name {
  min-width: 0 !important;
  display:flex !important;
  align-items:center !important;
  gap: 12px !important;
  overflow: hidden !important;
}
.ph-v143-name .ph-v134-product-logo {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  border-radius: 10px !important;
  display:inline-flex !important;
}
.ph-v143-name b {
  display:block !important;
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  font-size: 14px !important;
  font-weight: 760 !important;
}
.ph-v143-money {
  white-space: nowrap !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  color: #fff !important;
}
.ph-v143-money-green { color: #57f0b6 !important; }
.ph-v143-money-soft { color: rgba(232,244,255,.82) !important; }
@media (max-width: 900px) {
  .ph-v143-sales-modal-summary { grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
  .ph-v143-sales-head,
  .ph-v143-sales-row { grid-template-columns: 56px minmax(0,1fr) 96px 96px 90px !important; gap: 8px !important; }
  .ph-v143-name b { font-size: 12px !important; }
}


/* ===== v1.4.5 settings tabs / readability / summary polish ===== */
body.ph-active > .ph-page.ph-v131-page,
.ph-v131-page, .ph-v131-page * {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
  letter-spacing: -0.006em !important;
}
.ph-v131-page { color:#f4f8ff !important; }
.ph-v131-main { max-width: 1500px !important; margin: 0 auto !important; }
.ph-v131-summary { transform: scale(1.025); transform-origin: top center; }
.ph-v131-kpis { gap: 16px !important; }
.ph-v131-kpi { min-height: 112px !important; padding: 20px 22px !important; }
.ph-v131-kpi span { color:rgba(237,247,255,.80) !important; font-size:13px !important; }
.ph-v131-kpi strong { font-size:30px !important; line-height:1 !important; }
.ph-v131-kpi small { color:rgba(199,224,255,.76) !important; font-size:12px !important; }
.ph-v131-card { color:#f5f9ff !important; }
.ph-v131-status { display:grid !important; gap:8px !important; max-height:none !important; overflow:visible !important; }
.ph-v131-status-row { min-height:34px !important; display:grid !important; grid-template-columns:minmax(0,1fr) auto !important; align-items:center !important; gap:12px !important; }
.ph-v131-status-row span { white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; color:rgba(236,247,255,.76) !important; }
.ph-v131-status-row strong { white-space:nowrap !important; }
#ph-tab-settings.active { width:min(1180px,100%) !important; margin:0 auto !important; }
.ph-settings-v135 { display:block !important; width:100% !important; }
.ph-settings-v145-title { display:flex !important; align-items:center !important; justify-content:space-between !important; gap:18px !important; padding:18px 20px !important; margin-bottom:14px !important; border-radius:22px !important; background:linear-gradient(135deg, rgba(61,108,242,.30), rgba(118,90,255,.18)), rgba(7,24,82,.70) !important; border:1px solid rgba(226,241,255,.16) !important; box-shadow:0 18px 54px rgba(0,10,58,.24), inset 0 1px 0 rgba(255,255,255,.11) !important; }
.ph-settings-v145-title span { display:block !important; color:#fff !important; font-size:25px !important; font-weight:860 !important; }
.ph-settings-v145-title strong { display:block !important; margin-top:4px !important; color:rgba(231,243,255,.68) !important; font-size:13px !important; }
.ph-settings-v145-nav { display:flex !important; gap:8px !important; padding:6px !important; border-radius:18px !important; background:rgba(4,14,54,.42) !important; border:1px solid rgba(226,241,255,.11) !important; }
.ph-settings-v145-nav button { height:42px !important; padding:0 20px !important; border:0 !important; border-radius:14px !important; color:rgba(234,245,255,.70) !important; background:transparent !important; font-weight:800 !important; cursor:pointer !important; }
.ph-settings-v145-nav button.active { color:#fff !important; background:linear-gradient(135deg,rgba(111,135,255,.72),rgba(141,94,255,.52)) !important; box-shadow:0 10px 24px rgba(83,114,255,.22), inset 0 1px 0 rgba(255,255,255,.16) !important; }
.ph-settings-v145-panel { display:none !important; }
.ph-settings-v145-panel.active { display:block !important; }
.ph-settings-v145-panel-head { display:none !important; }
.ph-settings-category-body { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:12px !important; padding:0 !important; }
.ph-settings-category-v135[data-category="general"] .ph-settings-category-body { grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
.ph-settings-v135-divider { grid-column:1/-1 !important; display:flex !important; align-items:center !important; gap:10px !important; margin:6px 0 0 !important; padding:12px 14px !important; border-radius:16px !important; background:rgba(111,151,255,.13) !important; border:1px solid rgba(226,241,255,.10) !important; }
.ph-settings-v135-divider strong { color:#fff !important; font-size:13px !important; font-weight:850 !important; text-transform:uppercase !important; letter-spacing:.04em !important; }
.ph-settings-v135-divider small { color:rgba(232,244,255,.66) !important; font-size:12px !important; }
.ph-settings-category-v135 .ph-setting-item, .ph-v135-setting-card { border-radius:18px !important; background:rgba(8,28,98,.45) !important; border:1px solid rgba(226,241,255,.12) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.06) !important; padding:14px !important; min-height:0 !important; }
.ph-setting-label { color:#fff !important; font-size:13px !important; font-weight:800 !important; }
.ph-setting-desc { color:rgba(225,240,255,.70) !important; font-size:12px !important; line-height:1.35 !important; }
.ph-settings-field-grid.three, .ph-settings-field-grid.two { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:10px !important; }
.ph-settings-field-grid label { display:grid !important; gap:6px !important; }
.ph-settings-category-v135 input, .ph-settings-category-v135 textarea, .ph-settings-category-v135 select { background:rgba(3,13,50,.54) !important; border:1px solid rgba(226,241,255,.14) !important; color:#fff !important; }
.ph-v145-rules-card { grid-column:1/-1 !important; }
.ph-v145-rules-head { display:flex !important; justify-content:space-between !important; align-items:center !important; gap:14px !important; margin-bottom:12px !important; }
.ph-v145-rules-head strong { display:block !important; color:#fff !important; font-size:16px !important; }
.ph-v145-rules-head small { display:block !important; color:rgba(229,243,255,.68) !important; font-size:12px !important; margin-top:4px !important; }
.ph-v145-raise-rules { display:grid !important; gap:12px !important; }
.ph-v145-raise-rule { display:grid !important; grid-template-columns:1.15fr .8fr .85fr 1fr .72fr .72fr .92fr !important; gap:10px !important; align-items:end !important; padding:12px !important; border-radius:18px !important; background:rgba(255,255,255,.035) !important; border:1px solid rgba(226,241,255,.10) !important; }
.ph-v145-rule-top { grid-column:1/-1 !important; display:flex !important; justify-content:space-between !important; align-items:center !important; }
.ph-v145-rule-top b { color:#fff !important; font-size:14px !important; }
.ph-v145-rule-top button { height:30px !important; padding:0 10px !important; border-radius:10px !important; border:1px solid rgba(255,112,144,.20) !important; background:rgba(255,88,122,.10) !important; color:#ffb9c8 !important; cursor:pointer !important; }
.ph-v145-raise-rule label { display:grid !important; gap:6px !important; min-width:0 !important; }
.ph-v145-raise-rule label span { color:rgba(236,247,255,.72) !important; font-size:11px !important; font-weight:750 !important; }
.ph-v145-raise-rule input { height:38px !important; min-height:38px !important; border-radius:12px !important; }
.ph-v145-range-row { display:grid !important; grid-template-columns:1fr 56px !important; gap:12px !important; align-items:center !important; }
.ph-v145-range { width:100% !important; accent-color:#88a5ff !important; }
.ph-v145-range-row strong { color:#fff !important; text-align:right !important; }
.ph-autoanswer-textarea { min-height:132px !important; line-height:1.45 !important; }
@media (max-width: 1320px) { .ph-settings-category-body, .ph-settings-category-v135[data-category="general"] .ph-settings-category-body { grid-template-columns:1fr !important; } .ph-v145-raise-rule { grid-template-columns:repeat(2,minmax(0,1fr)) !important; } }
@media (max-width: 860px) { .ph-settings-v145-title { flex-direction:column !important; align-items:stretch !important; } .ph-settings-v145-nav { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; } .ph-settings-v145-nav button { padding:0 8px !important; } .ph-v131-summary { transform:none !important; } }

/* ===== v1.4.6 strict settings tabs + readability + summary fixes ===== */
body.ph-active,
body.ph-active > .ph-page.ph-v131-page,
.ph-v131-page,
.ph-v131-page * {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
  letter-spacing: -0.006em !important;
  text-rendering: geometricPrecision !important;
}
body.ph-active {
  background:
    radial-gradient(circle at 75% 20%, rgba(91,122,255,.25), transparent 34%),
    radial-gradient(circle at 18% 16%, rgba(94,196,255,.12), transparent 28%),
    linear-gradient(135deg, #060d22 0%, #0b1f56 56%, #162f8d 100%) !important;
}
.ph-v131-page { color: #f4f8ff !important; }
.ph-v131-page small,
.ph-v131-page .ph-setting-desc,
.ph-v131-page .ph-settings-category-copy small,
.ph-v131-page .ph-v131-status-row span,
.ph-v131-page .ph-v131-action-row small {
  color: rgba(230,240,255,.76) !important;
}
.ph-v131-page strong,
.ph-v131-page b,
.ph-v131-page h2,
.ph-v131-page h3,
.ph-v131-page .ph-setting-label {
  color: #ffffff !important;
}

/* Settings must be 3 top buttons, not 3 vertical blocks */
#ph-tab-settings.ph-settings-modern-tab.active { display: block !important; }
.ph-settings-v146 {
  width: min(1180px, 100%) !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
  display: block !important;
}
.ph-settings-v146 .ph-settings-v145-title {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  align-items: center !important;
  gap: 18px !important;
  padding: 18px !important;
  margin-bottom: 16px !important;
  border-radius: 24px !important;
  background: linear-gradient(145deg, rgba(38,74,178,.72), rgba(34,45,126,.82)) !important;
  border: 1px solid rgba(226,241,255,.18) !important;
  box-shadow: 0 20px 70px rgba(1,8,39,.34), inset 0 1px 0 rgba(255,255,255,.12) !important;
}
.ph-settings-v146 .ph-settings-v145-title span {
  display: block !important;
  font-size: 24px !important;
  font-weight: 850 !important;
  line-height: 1.05 !important;
}
.ph-settings-v146 .ph-settings-v145-title strong {
  display: block !important;
  margin-top: 5px !important;
  font-size: 13px !important;
  color: rgba(234,244,255,.76) !important;
  font-weight: 650 !important;
}
.ph-settings-v146 .ph-settings-v145-nav {
  min-width: 430px !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0,1fr)) !important;
  gap: 8px !important;
  padding: 6px !important;
  border-radius: 18px !important;
  background: rgba(5,14,48,.38) !important;
  border: 1px solid rgba(226,241,255,.12) !important;
}
.ph-settings-v146 .ph-settings-v145-nav button {
  height: 42px !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: transparent !important;
  color: rgba(231,241,255,.72) !important;
  font-size: 13px !important;
  font-weight: 760 !important;
  cursor: pointer !important;
}
.ph-settings-v146 .ph-settings-v145-nav button.active {
  color: #fff !important;
  background: linear-gradient(135deg, rgba(128,148,255,.72), rgba(143,104,255,.58)) !important;
  box-shadow: 0 12px 30px rgba(75,92,255,.24), inset 0 1px 0 rgba(255,255,255,.20) !important;
}
.ph-settings-v146 > .ph-settings-v145-panel {
  display: none !important;
  width: 100% !important;
  max-width: 100% !important;
  border-radius: 26px !important;
  overflow: hidden !important;
  background: linear-gradient(145deg, rgba(25,53,148,.78), rgba(13,30,92,.88)) !important;
  border: 1px solid rgba(226,241,255,.16) !important;
  box-shadow: 0 24px 80px rgba(2,8,43,.38), inset 0 1px 0 rgba(255,255,255,.10) !important;
}
.ph-settings-v146 > .ph-settings-v145-panel.active {
  display: block !important;
}
.ph-settings-v146 .ph-settings-v145-panel-head {
  display: grid !important;
  grid-template-columns: 48px minmax(0,1fr) !important;
  gap: 14px !important;
  align-items: center !important;
  padding: 18px 20px !important;
  border-bottom: 1px solid rgba(226,241,255,.11) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.015)) !important;
}
.ph-settings-v146 .ph-settings-category-icon {
  width: 48px !important;
  height: 48px !important;
  border-radius: 16px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background: rgba(255,255,255,.09) !important;
  border:1px solid rgba(226,241,255,.12) !important;
}
.ph-settings-v146 .ph-settings-category-copy strong { font-size: 18px !important; font-weight: 830 !important; }
.ph-settings-v146 .ph-settings-category-copy small { font-size: 13px !important; margin-top: 4px !important; }
.ph-settings-v146 .ph-settings-category-body {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  gap: 12px !important;
  padding: 16px !important;
}
.ph-settings-v146 .ph-settings-v135-divider {
  grid-column: 1 / -1 !important;
  margin: 8px 0 2px !important;
  padding: 10px 12px !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,.055) !important;
  border: 1px solid rgba(226,241,255,.09) !important;
  display:flex !important;
  justify-content:space-between !important;
  gap:12px !important;
  align-items:center !important;
}
.ph-settings-v146 .ph-settings-v135-divider strong {
  font-size: 12px !important;
  color: #dceaff !important;
  text-transform: uppercase !important;
  letter-spacing: .045em !important;
}
.ph-settings-v146 .ph-settings-v135-divider small { font-size: 12px !important; }
.ph-settings-v146 .ph-setting-item,
.ph-settings-v146 .ph-v135-setting-card {
  margin: 0 !important;
  padding: 14px !important;
  min-height: 74px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(226,241,255,.11) !important;
  background: rgba(6,19,71,.40) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045) !important;
}
.ph-settings-v146 .ph-setting-stack { display: grid !important; gap: 10px !important; }
.ph-settings-v146 input,
.ph-settings-v146 textarea,
.ph-settings-v146 .ph-summary-input,
.ph-settings-v146 .ph-pause-message-input {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 42px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(226,241,255,.12) !important;
  background: rgba(4,12,42,.48) !important;
  color: #fff !important;
  font-size: 14px !important;
  padding: 10px 12px !important;
}
.ph-settings-v146 textarea { resize: vertical !important; line-height: 1.35 !important; }
.ph-settings-v146 .ph-settings-field-grid.two { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:12px !important; }
.ph-settings-v146 .ph-settings-field-grid.three { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:12px !important; }
.ph-settings-v146 .ph-v145-volume-card,
.ph-settings-v146 .ph-v145-rules-card,
.ph-settings-v146 [data-category="messages"] .ph-setting-stack {
  grid-column: 1 / -1 !important;
}
.ph-settings-v146 .ph-autoanswer-textarea { min-height: 112px !important; }
.ph-settings-v146 .ph-v145-range-row { display:grid !important; grid-template-columns:minmax(0,1fr) 70px !important; gap:12px !important; align-items:center !important; }
.ph-settings-v146 .ph-v145-range { accent-color: #8d7cff !important; }

/* Auto-bump rules - clean list */
.ph-settings-v146 .ph-v145-rules-head {
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:14px !important;
  margin-bottom: 12px !important;
}
.ph-settings-v146 .ph-v145-rules-head strong { font-size: 17px !important; }
.ph-settings-v146 .ph-v145-rules-head small { display:block !important; margin-top:3px !important; }
.ph-settings-v146 .ph-v145-raise-rules { display:grid !important; gap:12px !important; }
.ph-settings-v146 .ph-v145-raise-rule {
  display:grid !important;
  grid-template-columns: 1.35fr repeat(3, minmax(130px,1fr)) !important;
  gap: 12px !important;
  align-items:end !important;
  padding: 14px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(226,241,255,.11) !important;
  background: rgba(255,255,255,.045) !important;
}
.ph-settings-v146 .ph-v145-rule-top {
  grid-column: 1 / -1 !important;
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  margin-bottom: 2px !important;
}
.ph-settings-v146 .ph-v145-rule-top b { font-size: 15px !important; }
.ph-settings-v146 .ph-v145-rule-top button {
  border: 1px solid rgba(255,105,132,.22) !important;
  background: rgba(255,74,110,.10) !important;
  color: #ffc4d0 !important;
  height: 32px !important;
  border-radius: 11px !important;
  padding: 0 10px !important;
  cursor: pointer !important;
}
.ph-settings-v146 .ph-v145-raise-rule label { display:grid !important; gap:6px !important; min-width:0 !important; }
.ph-settings-v146 .ph-v145-raise-rule label span { color:rgba(231,241,255,.76) !important; font-size:12px !important; font-weight:720 !important; }
.ph-settings-v146 .ph-v145-rule-wide { grid-column: auto !important; }

/* Summary sizing and visible status */
.ph-v131-summary { max-width: 1320px !important; margin: 0 auto !important; }
.ph-v131-kpis { gap: 16px !important; }
.ph-v131-kpi {
  min-height: 114px !important;
  padding: 20px !important;
  border-radius: 22px !important;
}
.ph-v131-kpi strong { font-size: 30px !important; line-height: 1.05 !important; }
.ph-v131-kpi small { font-size: 13px !important; margin-top: 8px !important; }
.ph-v131-grid-main {
  grid-template-columns: minmax(0,1.52fr) minmax(330px,.82fr) !important;
  gap: 16px !important;
}
.ph-v131-card { border-radius: 22px !important; }
.ph-v131-chart-card { min-height: 330px !important; }
.ph-v131-chart-card svg { height: 220px !important; }
.ph-v131-card-head h3 { font-size: 18px !important; }
.ph-v131-status-row {
  min-height: 36px !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:12px !important;
  padding: 8px 0 !important;
}
.ph-v131-status-row span { overflow:visible !important; text-overflow:clip !important; white-space:normal !important; }
.ph-v131-status-row strong { white-space:nowrap !important; }
[data-v131-status] { display:grid !important; gap: 2px !important; max-height:none !important; overflow:visible !important; }
.ph-v131-bottom-grid { align-items:stretch !important; }
.ph-v131-actions-card, .ph-v131-status-card, .ph-v131-donut-card { min-height: 260px !important; }

@media (max-width: 1180px) {
  .ph-settings-v146 .ph-settings-v145-title { grid-template-columns:1fr !important; }
  .ph-settings-v146 .ph-settings-v145-nav { min-width:0 !important; width:100% !important; }
  .ph-settings-v146 .ph-settings-category-body { grid-template-columns:1fr !important; }
  .ph-settings-v146 .ph-settings-v135-divider,
  .ph-settings-v146 .ph-v145-rules-card,
  .ph-settings-v146 [data-category="messages"] .ph-setting-stack { grid-column:auto !important; }
  .ph-settings-v146 .ph-v145-raise-rule { grid-template-columns:1fr 1fr !important; }
}
@media (max-width: 760px) {
  .ph-settings-v146 .ph-settings-v145-nav { grid-template-columns:1fr !important; }
  .ph-settings-v146 .ph-settings-field-grid.two,
  .ph-settings-v146 .ph-settings-field-grid.three,
  .ph-settings-v146 .ph-v145-raise-rule { grid-template-columns:1fr !important; }
}

/* === Server auth/proxy update === */
.ph-proxy-status {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  margin: 8px 0 10px !important;
  padding: 12px 42px 12px 14px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(49, 255, 163, .22) !important;
  background: rgba(49, 255, 163, .08) !important;
  color: rgba(238, 242, 255, .9) !important;
}
.ph-proxy-status span {
  color: rgba(157, 255, 208, .94) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  text-transform: uppercase !important;
  letter-spacing: .04em !important;
}
.ph-proxy-status b {
  color: #fff !important;
  font-size: 13px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.ph-proxy-change {
  opacity: 1 !important;
  top: 10px !important;
  right: 10px !important;
}
.ph-module-locked {
  opacity: .64 !important;
  filter: grayscale(.25) !important;
}
.ph-module-locked input,
.ph-module-locked textarea {
  cursor: not-allowed !important;
}
.ph-module-locked::after {
  content: 'LOCKED' !important;
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
  border-radius: 999px !important;
  padding: 5px 9px !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  color: rgba(255,255,255,.9) !important;
  background: rgba(255,255,255,.1) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
}


/* Server routes /market and locked module nav */
.ph-v14618-modules-nav button.ph-module-tab-locked {
  opacity: .45 !important;
  filter: grayscale(.45) !important;
}
.ph-market-tab {
  min-height: 420px !important;
}
.ph-market-soon-card {
  position: relative !important;
  min-height: 380px !important;
  border-radius: var(--ph-radius-lg, 24px) !important;
  border: 1px solid rgba(143,170,255,.18) !important;
  background: linear-gradient(180deg, rgba(23,27,40,.92), rgba(10,13,24,.94)) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  overflow: hidden !important;
  color: var(--ph-text, #EEF2FF) !important;
  box-shadow: 0 24px 80px rgba(0,0,0,.32) !important;
}
.ph-market-soon-card::after {
  content: 'soon' !important;
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(5, 8, 20, .72) !important;
  backdrop-filter: blur(10px) !important;
  opacity: 0 !important;
  transition: opacity .18s ease !important;
  font-size: 46px !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
  color: #fff !important;
}
.ph-market-soon-card:hover::after { opacity: 1 !important; }
.ph-market-soon-badge {
  position: absolute !important;
  top: 18px !important;
  right: 18px !important;
  border-radius: 999px !important;
  padding: 7px 12px !important;
  background: rgba(124,92,255,.18) !important;
  border: 1px solid rgba(124,92,255,.34) !important;
  color: #d8d1ff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}
.ph-market-soon-icon {
  width: 76px !important;
  height: 76px !important;
  border-radius: 28px !important;
  display: grid !important;
  place-items: center !important;
  background: linear-gradient(135deg, rgba(124,92,255,.32), rgba(49,255,163,.18)) !important;
  font-size: 42px !important;
  margin-bottom: 18px !important;
}
.ph-market-soon-card h2 {
  margin: 0 0 8px !important;
  font-size: 30px !important;
  color: #fff !important;
}
.ph-market-soon-card p {
  margin: 0 !important;
  color: rgba(238,242,255,.68) !important;
  font-weight: 700 !important;
}

/* === Server auth/proxy patch 1.2.2 === */
.ph-shop-auth-popover,
.ph-shop-auth-popover .ph-add-section,
.ph-shop-auth-popover .ph-add-form {
  color: #EEF2FF !important;
}
.ph-shop-auth-popover {
  background:
    radial-gradient(circle at 18% 0%, rgba(124, 92, 255, .24), transparent 42%),
    linear-gradient(180deg, rgba(18, 23, 40, .98), rgba(10, 13, 24, .98)) !important;
  border: 1px solid rgba(143, 170, 255, .24) !important;
  box-shadow: 0 28px 90px rgba(0,0,0,.52), inset 0 1px 0 rgba(255,255,255,.08) !important;
  backdrop-filter: blur(30px) saturate(150%) !important;
  -webkit-backdrop-filter: blur(30px) saturate(150%) !important;
}
.ph-shop-auth-popover .ph-add-form,
.ph-shop-auth-popover .ph-add-section,
.ph-proxy-step {
  background: rgba(255,255,255,.045) !important;
  border: 1px solid rgba(143, 170, 255, .16) !important;
  border-radius: 20px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06) !important;
}
.ph-add-form-title {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  margin: 0 0 12px !important;
}
.ph-add-form-title strong {
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 900 !important;
}
.ph-add-form-title span {
  color: rgba(221,233,255,.68) !important;
  font-size: 12px !important;
  font-weight: 650 !important;
}
.ph-shop-auth-popover .ph-token-input {
  background: rgba(4, 8, 19, .68) !important;
  border: 1px solid rgba(143, 170, 255, .18) !important;
  color: #fff !important;
  border-radius: 16px !important;
  box-shadow: none !important;
}
.ph-shop-auth-popover .ph-token-input:focus {
  border-color: rgba(124,92,255,.8) !important;
  box-shadow: 0 0 0 4px rgba(124,92,255,.14) !important;
}
.ph-shop-auth-popover .ph-btn-add {
  width: 100% !important;
  justify-content: center !important;
  min-height: 46px !important;
  border-radius: 16px !important;
  background: linear-gradient(135deg, #7c5cff, #4b8dff) !important;
  color: #fff !important;
  border: 0 !important;
}
.ph-tab-soon-disabled {
  cursor: default !important;
  opacity: .62 !important;
  filter: grayscale(.22) !important;
}
.ph-tab-soon-disabled:hover::after {
  content: 'soon' !important;
  position: absolute !important;
  top: -10px !important;
  right: 10px !important;
  padding: 4px 8px !important;
  border-radius: 999px !important;
  color: #fff !important;
  background: rgba(124,92,255,.92) !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.28) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}
.ph-tab-soon-pulse {
  animation: phSoonPulse .55s ease !important;
}
@keyframes phSoonPulse {
  0%,100% { transform: translateY(0); }
  50% { transform: translateY(-2px); }
}
.ph-module-locked {
  position: relative !important;
  opacity: 1 !important;
  filter: none !important;
  overflow: hidden !important;
}
.ph-module-locked > * {
  filter: blur(2.4px) grayscale(.55) !important;
  opacity: .46 !important;
  pointer-events: none !important;
  user-select: none !important;
}
.ph-module-locked::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 3 !important;
  border-radius: inherit !important;
  background: rgba(5, 11, 37, .22) !important;
  pointer-events: none !important;
}
.ph-module-locked::after {
  content: 'Модуль не выдан' !important;
  z-index: 4 !important;
  top: 50% !important;
  left: 50% !important;
  right: auto !important;
  transform: translate(-50%, -50%) !important;
  padding: 9px 14px !important;
  background: rgba(10, 13, 24, .84) !important;
  border: 1px solid rgba(143,170,255,.25) !important;
  color: #fff !important;
  box-shadow: 0 16px 40px rgba(0,0,0,.35) !important;
}
.ph-account-info .ph-account-meta:empty { display: none !important; }

/* === Server patch 1.2.4: proxy/account popup polish === */
.ph-proxy-health-btn {
  width:100% !important;
  min-height:46px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  border:1px solid rgba(49,255,163,.30) !important;
  border-radius:18px !important;
  padding:0 16px !important;
  background:linear-gradient(135deg, rgba(49,255,163,.16), rgba(124,92,255,.12)) !important;
  color:#dfffee !important;
  font-weight:950 !important;
  cursor:pointer !important;
  box-shadow:0 12px 34px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.08) !important;
}
.ph-proxy-health-btn.bad {
  border-color:rgba(255,77,105,.38) !important;
  background:linear-gradient(135deg, rgba(255,77,105,.16), rgba(124,92,255,.10)) !important;
  color:#ffd2da !important;
}
.ph-proxy-health-btn i { font-style:normal !important; opacity:.78 !important; }
.ph-proxy-health-label { overflow:hidden !important; text-overflow:ellipsis !important; white-space:nowrap !important; }
.ph-proxy-menu {
  grid-template-columns:1fr 1fr !important;
  gap:10px !important;
  margin-top:10px !important;
}
.ph-proxy-menu .ph-btn { min-height:42px !important; justify-content:center !important; }
.ph-shop-auth-popover .ph-proxy-step,
.ph-shop-auth-popover .ph-add-form.ph-token-form,
.ph-shop-auth-popover .ph-add-form.ph-proxy-form {
  background:linear-gradient(180deg, rgba(15,20,38,.92), rgba(8,12,24,.92)) !important;
  border:1px solid rgba(143,170,255,.20) !important;
  box-shadow:0 16px 48px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.07) !important;
  border-radius:22px !important;
  padding:14px !important;
}
.ph-shop-auth-popover .ph-token-input {
  height:46px !important;
  background:rgba(238,242,255,.07) !important;
  border:1px solid rgba(143,170,255,.22) !important;
  color:#fff !important;
  font-weight:760 !important;
}
.ph-shop-auth-popover .ph-token-input::placeholder { color:rgba(221,233,255,.46) !important; }
.ph-shop-auth-popover .ph-add-actions { margin-top:12px !important; gap:10px !important; }
.ph-shop-auth-popover .ph-add-actions .ph-btn { flex:1 1 auto !important; justify-content:center !important; min-height:42px !important; }
.ph-shop-auth-popover .ph-token-result { margin-top:10px !important; border-radius:14px !important; }
.ph-module-locked {
  opacity:1 !important;
  filter:none !important;
}
.ph-module-locked > * {
  filter:blur(5px) grayscale(.75) !important;
  opacity:.34 !important;
  pointer-events:none !important;
  user-select:none !important;
}
.ph-module-tab-locked {
  opacity:.55 !important;
  filter:blur(.45px) grayscale(.8) !important;
}

/* === Server patch 1.2.5: fully blur unavailable modules === */
.ph-v14618-module-panel.ph-module-locked {
  position: relative !important;
  opacity: 1 !important;
  overflow: hidden !important;
  pointer-events: auto !important;
  border-color: rgba(143,170,255,.13) !important;
}
.ph-v14618-module-panel.ph-module-locked > * {
  filter: blur(14px) saturate(.85) !important;
  opacity: .22 !important;
  transform: scale(1.01) !important;
  pointer-events: none !important;
  user-select: none !important;
}
.ph-v14618-module-panel.ph-module-locked::before {
  content: '' !important;
  position: absolute !important;
  inset: -2px !important;
  z-index: 8 !important;
  border-radius: inherit !important;
  background:
    radial-gradient(circle at 14% 8%, rgba(238,242,255,.16), transparent 14%),
    radial-gradient(circle at 92% 12%, rgba(238,242,255,.12), transparent 10%),
    linear-gradient(135deg, rgba(10,29,106,.52), rgba(42,72,190,.46)) !important;
  backdrop-filter: blur(16px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(135%) !important;
  pointer-events: none !important;
}
.ph-v14618-module-panel.ph-module-locked::after {
  content: '' !important;
  display: none !important;
}
.ph-v14618-modules-nav button.ph-module-tab-locked {
  opacity: .42 !important;
  filter: blur(1.5px) grayscale(.85) !important;
}


/* === Server patch 1.2.9: proxy status button should look like normal site buttons === */
.ph-proxy-status-btn {
  width: 100% !important;
  min-height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  border-radius: var(--sw-radius-md, 16px) !important;
  padding: 10px 20px !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  letter-spacing: -0.015em !important;
  box-shadow: none !important;
}
.ph-proxy-status-btn .ph-proxy-health-label {
  display: inline-block !important;
  max-width: 100% !important;
  text-align: center !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.ph-proxy-status-btn.bad .ph-proxy-health-label { color: inherit !important; }
.ph-proxy-menu {
  grid-template-columns: 1fr 1fr !important;
  gap: 10px !important;
  margin-top: 10px !important;
}
.ph-proxy-menu .ph-btn {
  min-height: 42px !important;
  justify-content: center !important;
}

/* === Server patch 1.3.1: ChatGPT autodelivery inside CHATGPT module === */
.ph-auto-delivery-logo {
  width: 100% !important;
  height: 100% !important;
  display: grid !important;
  place-items: center !important;
  font-size: 30px !important;
}
.ph-autodelivery-panel .ph-autodelivery-workspace,
.ph-chatgpt-autodelivery .ph-autodelivery-workspace {
  display: grid !important;
  gap: 14px !important;
}
.ph-ad-topbar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 14px !important;
  border-radius: 20px !important;
  background: linear-gradient(135deg, rgba(124,92,255,.22), rgba(49,255,163,.10)), rgba(7,25,92,.48) !important;
  border: 1px solid rgba(226,241,255,.14) !important;
}
.ph-ad-topbar strong,
.ph-ad-card > span {
  display: block !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  margin-bottom: 6px !important;
}
.ph-ad-topbar span {
  display: block !important;
  color: rgba(236,246,255,.66) !important;
  font-size: 12px !important;
  font-weight: 650 !important;
  margin-top: 4px !important;
}
.ph-ad-stats {
  display: grid !important;
  grid-template-columns: repeat(4,minmax(0,1fr)) !important;
  gap: 10px !important;
}
.ph-ad-stat,
.ph-ad-card {
  border-radius: 18px !important;
  background: linear-gradient(180deg, rgba(17, 27, 70, .76), rgba(8, 15, 40, .84)) !important;
  border: 1px solid rgba(226,241,255,.13) !important;
  box-shadow: 0 18px 48px rgba(3,13,63,.22), inset 0 1px 0 rgba(255,255,255,.07) !important;
}
.ph-ad-stat {
  padding: 13px !important;
  text-align: center !important;
}
.ph-ad-stat b {
  display: block !important;
  font-size: 24px !important;
  line-height: 1 !important;
  color: #fff !important;
  font-weight: 950 !important;
}
.ph-ad-stat span {
  display: block !important;
  margin-top: 6px !important;
  color: rgba(236,246,255,.62) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}
.ph-ad-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 12px !important;
}
.ph-ad-card {
  padding: 14px !important;
}
.ph-ad-wide { grid-column: span 2 !important; }
.ph-ad-card textarea,
.ph-ad-card input {
  width: 100% !important;
  box-sizing: border-box !important;
  resize: vertical !important;
  border-radius: 14px !important;
  border: 1px solid rgba(143,170,255,.20) !important;
  background: rgba(4,8,19,.58) !important;
  color: #fff !important;
  outline: none !important;
  padding: 10px 12px !important;
  font-family: inherit !important;
  font-size: 12px !important;
  line-height: 1.38 !important;
}
.ph-ad-card textarea:focus,
.ph-ad-card input:focus {
  border-color: rgba(124,92,255,.82) !important;
  box-shadow: 0 0 0 4px rgba(124,92,255,.14) !important;
}
.ph-ad-actions {
  display: flex !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  margin-top: 10px !important;
}
.ph-ad-lists {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 12px !important;
}
.ph-ad-key-row,
.ph-ad-job-row,
.ph-autodelivery-empty {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 10px !important;
  margin-top: 8px !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.055) !important;
  border: 1px solid rgba(226,241,255,.10) !important;
  color: #fff !important;
}
.ph-ad-key-row strong,
.ph-ad-job-row strong {
  display: block !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}
.ph-ad-key-row small,
.ph-ad-job-row small,
.ph-autodelivery-empty {
  color: rgba(236,246,255,.62) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}
.ph-ad-key-row.used { border-color: rgba(49,255,163,.25) !important; }
.ph-ad-key-row.failed,
.ph-ad-job-row.activation_failed,
.ph-ad-job-row.privatebin_error,
.ph-ad-job-row.json_error { border-color: rgba(255,77,105,.30) !important; }
.ph-ad-job-row.activation_success { border-color: rgba(49,255,163,.30) !important; }
.ph-token-result.success { background: rgba(49,255,163,.11) !important; color: #b7ffdc !important; }
.ph-token-result.error { background: rgba(255,77,105,.12) !important; color: #ffbdc7 !important; }

/* locked module: keep title/logo visible, blur only inner content */
.ph-v14618-module-panel.ph-module-locked .ph-v14618-module-hero {
  position: relative !important;
  z-index: 12 !important;
  filter: none !important;
  opacity: 1 !important;
}
.ph-v14618-module-panel.ph-module-locked .ph-v14618-module-form,
.ph-v14618-module-panel.ph-module-locked .ph-v14618-module-note,
.ph-v14618-module-panel.ph-module-locked .ph-autodelivery-workspace {
  filter: blur(14px) saturate(.85) !important;
  opacity: .22 !important;
  pointer-events: none !important;
  user-select: none !important;
}
.ph-v14618-module-panel.ph-module-locked::before {
  top: 88px !important;
  border-radius: 22px !important;
}

@media (max-width: 980px) {
  .ph-ad-grid,
  .ph-ad-lists,
  .ph-ad-stats { grid-template-columns: 1fr !important; }
  .ph-ad-wide { grid-column: auto !important; }
  .ph-ad-topbar { flex-direction: column !important; align-items: stretch !important; }
}


/* === Server patch 1.3.1: autodelivery embedded in CHATGPT === */
.ph-chatgpt-autodelivery {
  margin-top: 14px !important;
  padding-top: 14px !important;
  border-top: 1px solid rgba(226,241,255,.10) !important;
}
.ph-ad-topbar-actions {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
}
.ph-ad-inline-switch {
  min-width: 54px !important;
}
.ph-v14618-modules-nav button[data-module-tab="autodelivery"],
.ph-v14618-module-panel[data-module-panel="autodelivery"] {
  display: none !important;
}

/* === Server patch 1.3.2: polished CHATGPT settings block in site style === */
.ph-chatgpt-module-panel {
  overflow: visible !important;
}
.ph-chatgpt-module-panel .ph-cgpt-module-hero {
  margin-bottom: 14px !important;
}
.ph-chatgpt-autodelivery {
  margin-top: 14px !important;
  padding-top: 0 !important;
  border-top: 0 !important;
}
.ph-cgpt-settings-shell {
  display: grid !important;
  gap: 14px !important;
  padding: 16px !important;
  border-radius: 28px !important;
  border: 1px solid rgba(226,241,255,.14) !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(92,130,255,.30), transparent 28%),
    radial-gradient(circle at 95% 8%, rgba(49,255,163,.14), transparent 26%),
    linear-gradient(145deg, rgba(8,25,88,.66), rgba(5,13,43,.76)) !important;
  box-shadow: 0 24px 72px rgba(0, 9, 48, .34), inset 0 1px 0 rgba(255,255,255,.08) !important;
}
.ph-cgpt-settings-head {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  gap: 16px !important;
  align-items: center !important;
  padding: 16px !important;
  border-radius: 24px !important;
  border: 1px solid rgba(226,241,255,.13) !important;
  background: linear-gradient(135deg, rgba(61,108,242,.26), rgba(124,92,255,.14)), rgba(6,19,71,.42) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06) !important;
}
.ph-cgpt-head-left {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  min-width: 0 !important;
}
.ph-cgpt-head-icon {
  width: 54px !important;
  height: 54px !important;
  min-width: 54px !important;
  border-radius: 18px !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
  background: rgba(255,255,255,.08) !important;
  border: 1px solid rgba(226,241,255,.12) !important;
  box-shadow: 0 12px 34px rgba(0,0,0,.18) !important;
}
.ph-cgpt-head-icon img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
.ph-cgpt-settings-head strong {
  display: block !important;
  color: #fff !important;
  font-size: 23px !important;
  line-height: 1.05 !important;
  font-weight: 930 !important;
  letter-spacing: -.025em !important;
}
.ph-cgpt-settings-head span {
  display: block !important;
  margin-top: 6px !important;
  color: rgba(232,244,255,.72) !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  line-height: 1.36 !important;
}
.ph-cgpt-head-actions {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
}
.ph-cgpt-switch-row {
  min-height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 0 12px !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,.055) !important;
  border: 1px solid rgba(226,241,255,.11) !important;
  color: rgba(244,248,255,.90) !important;
  font-size: 13px !important;
  font-weight: 850 !important;
}
.ph-cgpt-run-btn {
  min-height: 44px !important;
  border-radius: 16px !important;
  padding-inline: 18px !important;
}
.ph-cgpt-flow {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0,1fr)) !important;
  gap: 10px !important;
}
.ph-cgpt-flow div {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 54px !important;
  padding: 10px 12px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(226,241,255,.10) !important;
  background: rgba(255,255,255,.045) !important;
}
.ph-cgpt-flow b {
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 12px !important;
  color: #071326 !important;
  background: linear-gradient(135deg, #8ea4ff, #7c5cff) !important;
  box-shadow: 0 10px 24px rgba(124,92,255,.22) !important;
  font-size: 13px !important;
  font-weight: 950 !important;
}
.ph-cgpt-flow span {
  color: rgba(236,247,255,.74) !important;
  font-size: 12px !important;
  font-weight: 780 !important;
  line-height: 1.22 !important;
}
.ph-cgpt-stats.ph-ad-stats {
  grid-template-columns: repeat(4, minmax(0,1fr)) !important;
  gap: 12px !important;
}
.ph-cgpt-stats .ph-ad-stat {
  min-height: 86px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  text-align: left !important;
  padding: 16px !important;
  border-radius: 20px !important;
  background: rgba(6,19,71,.42) !important;
  border: 1px solid rgba(226,241,255,.11) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045) !important;
}
.ph-cgpt-stats .ph-ad-stat b {
  font-size: 30px !important;
  line-height: 1 !important;
}
.ph-cgpt-stats .ph-ad-stat span {
  margin-top: 8px !important;
  color: rgba(230,240,255,.74) !important;
  font-size: 12px !important;
}
.ph-cgpt-settings-grid {
  display: grid !important;
  grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr) !important;
  gap: 12px !important;
}
.ph-cgpt-card {
  display: grid !important;
  gap: 8px !important;
  padding: 15px !important;
  border-radius: 22px !important;
  border: 1px solid rgba(226,241,255,.11) !important;
  background: rgba(6,19,71,.40) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045) !important;
  min-width: 0 !important;
}
.ph-cgpt-card-title {
  display: block !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  letter-spacing: -.01em !important;
}
.ph-cgpt-card small,
.ph-cgpt-list-head small {
  display: block !important;
  color: rgba(230,240,255,.66) !important;
  font-size: 12px !important;
  font-weight: 650 !important;
  line-height: 1.35 !important;
}
.ph-cgpt-card textarea,
.ph-cgpt-card input,
.ph-cgpt-settings-shell textarea,
.ph-cgpt-settings-shell input {
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  border-radius: 16px !important;
  border: 1px solid rgba(226,241,255,.12) !important;
  background: rgba(4,12,42,.48) !important;
  color: #fff !important;
  outline: none !important;
  resize: vertical !important;
  padding: 12px 13px !important;
  font-family: inherit !important;
  font-size: 13px !important;
  line-height: 1.42 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035) !important;
}
.ph-cgpt-card textarea:focus,
.ph-cgpt-card input:focus {
  border-color: rgba(141,124,255,.80) !important;
  box-shadow: 0 0 0 4px rgba(141,124,255,.13), inset 0 1px 0 rgba(255,255,255,.035) !important;
}
.ph-cgpt-card-message {
  grid-row: span 2 !important;
}
.ph-cgpt-card-message textarea {
  min-height: 268px !important;
}
.ph-cgpt-card-success textarea {
  min-height: 116px !important;
}
.ph-cgpt-card-keys textarea,
.ph-cgpt-card-keywords textarea {
  min-height: 150px !important;
}
.ph-cgpt-actions {
  margin-top: 4px !important;
  display: flex !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
}
.ph-cgpt-actions .ph-btn {
  min-height: 42px !important;
  justify-content: center !important;
  border-radius: 15px !important;
}
.ph-cgpt-lists {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 12px !important;
}
.ph-cgpt-list-card {
  align-content: start !important;
}
.ph-cgpt-list-head {
  display: grid !important;
  gap: 4px !important;
  margin-bottom: 4px !important;
}
.ph-cgpt-list-body {
  display: grid !important;
  gap: 8px !important;
}
.ph-cgpt-settings-shell .ph-ad-key-row,
.ph-cgpt-settings-shell .ph-ad-job-row,
.ph-cgpt-settings-shell .ph-autodelivery-empty {
  margin-top: 0 !important;
  min-height: 48px !important;
  padding: 11px 12px !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,.045) !important;
  border: 1px solid rgba(226,241,255,.09) !important;
}
.ph-cgpt-settings-shell .ph-ad-key-row strong,
.ph-cgpt-settings-shell .ph-ad-job-row strong {
  max-width: 420px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.ph-cgpt-settings-shell .ph-token-result {
  border-radius: 18px !important;
  padding: 12px 14px !important;
  border: 1px solid rgba(226,241,255,.10) !important;
}
.ph-v14618-module-panel.ph-module-locked .ph-cgpt-settings-shell {
  filter: blur(14px) saturate(.85) !important;
  opacity: .22 !important;
  pointer-events: none !important;
  user-select: none !important;
}
@media (max-width: 1180px) {
  .ph-cgpt-settings-head { grid-template-columns: 1fr !important; }
  .ph-cgpt-head-actions { justify-content: flex-start !important; }
  .ph-cgpt-flow,
  .ph-cgpt-stats.ph-ad-stats,
  .ph-cgpt-settings-grid,
  .ph-cgpt-lists { grid-template-columns: 1fr !important; }
  .ph-cgpt-card-message { grid-row: auto !important; }
}
@media (max-width: 680px) {
  .ph-cgpt-settings-shell { padding: 12px !important; border-radius: 22px !important; }
  .ph-cgpt-head-left { align-items: flex-start !important; }
  .ph-cgpt-head-icon { width: 46px !important; height: 46px !important; min-width: 46px !important; }
  .ph-cgpt-head-actions { display: grid !important; grid-template-columns: 1fr !important; }
  .ph-cgpt-switch-row,
  .ph-cgpt-run-btn { width: 100% !important; justify-content: center !important; }
}

/* === Server patch 1.3.3: CHATGPT settings in CLAUDE/module block style === */
.ph-chatgpt-module-panel .ph-cgpt-module-hero,
.ph-chatgpt-module-panel .ph-v14618-module-hero {
  margin-bottom: 28px !important;
}
.ph-chatgpt-module-panel .ph-v14618-module-icon.ph-v14619-module-logo,
.ph-chatgpt-module-panel .ph-v14618-module-icon.ph-v14619-module-logo img {
  max-width: 76px !important;
  max-height: 76px !important;
}
.ph-chatgpt-module-panel .ph-v14618-module-icon.ph-v14619-module-logo img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  border-radius: inherit !important;
}
.ph-chatgpt-claude-style {
  display: grid !important;
  gap: 18px !important;
  margin-top: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}
.ph-chatgpt-section-title {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  align-items: center !important;
  gap: 18px !important;
  padding: 26px 30px !important;
  border-radius: 24px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.080), rgba(255,255,255,.036)) !important;
  border: 1px solid rgba(220,236,255,.14) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06) !important;
}
.ph-chatgpt-section-title strong {
  display: block !important;
  color: #fff !important;
  font-size: 24px !important;
  font-weight: 900 !important;
  line-height: 1.08 !important;
  margin: 0 0 8px !important;
}
.ph-chatgpt-section-title small {
  display: block !important;
  color: rgba(236,244,255,.62) !important;
  font-size: 15px !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
}
.ph-chatgpt-section-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
}
.ph-chatgpt-switch-line {
  height: 48px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 0 14px !important;
  border-radius: 17px !important;
  background: rgba(4,12,42,.42) !important;
  border: 1px solid rgba(221,236,255,.14) !important;
  color: rgba(236,244,255,.72) !important;
  font-size: 15px !important;
  font-weight: 850 !important;
}
.ph-chatgpt-switch-line > span { white-space: nowrap !important; }
.ph-chatgpt-native-form {
  margin: 0 !important;
}
.ph-chatgpt-native-form textarea {
  min-height: 130px !important;
}
.ph-chatgpt-native-form-messages textarea {
  min-height: 220px !important;
}
.ph-chatgpt-inline-actions {
  margin-top: 0 !important;
}
.ph-chatgpt-inline-actions .ph-btn,
.ph-chatgpt-section-actions .ph-btn {
  min-height: 48px !important;
  border-radius: 16px !important;
  padding: 0 18px !important;
}
.ph-chatgpt-native-stats {
  display: grid !important;
  grid-template-columns: repeat(4,minmax(0,1fr)) !important;
  gap: 18px !important;
  padding: 0 !important;
  margin: 0 !important;
}
.ph-chatgpt-native-stats .ph-ad-stat {
  min-height: 92px !important;
  padding: 18px 20px !important;
  border-radius: 22px !important;
  text-align: left !important;
  background: linear-gradient(180deg, rgba(255,255,255,.080), rgba(255,255,255,.036)) !important;
  border: 1px solid rgba(220,236,255,.14) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06) !important;
}
.ph-chatgpt-native-stats .ph-ad-stat b {
  font-size: 28px !important;
}
.ph-chatgpt-native-stats .ph-ad-stat span {
  font-size: 12px !important;
  color: rgba(236,244,255,.62) !important;
}
.ph-chatgpt-native-lists {
  align-items: start !important;
}
.ph-chatgpt-list-body {
  display: grid !important;
  gap: 10px !important;
  max-height: 330px !important;
  overflow: auto !important;
  padding-right: 2px !important;
}
.ph-chatgpt-list-body .ph-ad-key-row,
.ph-chatgpt-list-body .ph-ad-job-row,
.ph-chatgpt-list-body .ph-autodelivery-empty {
  margin: 0 !important;
  min-height: 52px !important;
  border-radius: 16px !important;
  background: rgba(4,12,42,.38) !important;
  border: 1px solid rgba(221,236,255,.12) !important;
}
.ph-chatgpt-list-body .ph-ad-key-row strong,
.ph-chatgpt-list-body .ph-ad-job-row strong {
  max-width: 360px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.ph-chatgpt-native-note {
  margin-top: 0 !important;
}
.ph-chatgpt-claude-style .ph-token-result {
  border-radius: 18px !important;
  padding: 12px 14px !important;
  border: 1px solid rgba(220,236,255,.14) !important;
}
.ph-chatgpt-module-panel.ph-module-locked .ph-chatgpt-claude-style .ph-v14618-module-form,
.ph-chatgpt-module-panel.ph-module-locked .ph-chatgpt-section-title,
.ph-chatgpt-module-panel.ph-module-locked .ph-chatgpt-native-stats,
.ph-chatgpt-module-panel.ph-module-locked .ph-chatgpt-native-note {
  filter: blur(14px) saturate(.85) !important;
  opacity: .24 !important;
  pointer-events: none !important;
  user-select: none !important;
}
@media (max-width: 1180px) {
  .ph-chatgpt-section-title,
  .ph-chatgpt-native-stats,
  .ph-chatgpt-native-form {
    grid-template-columns: 1fr !important;
  }
  .ph-chatgpt-section-actions { justify-content: flex-start !important; }
}
@media (max-width: 760px) {
  .ph-chatgpt-section-title { padding: 20px !important; }
  .ph-chatgpt-section-actions { display: grid !important; grid-template-columns: 1fr !important; }
  .ph-chatgpt-switch-line,
  .ph-chatgpt-section-actions .ph-btn { width: 100% !important; justify-content: center !important; }
}

/* === Server patch 1.3.4: cleaner CHATGPT block layout === */
.ph-chatgpt-v134 {
  gap: 16px !important;
}
.ph-chatgpt-v134-head {
  padding: 22px 24px !important;
  border-radius: 24px !important;
}
.ph-chatgpt-v134-head .ph-chatgpt-section-actions {
  gap: 10px !important;
}
.ph-chatgpt-v134-head .ph-chatgpt-switch-line {
  height: 46px !important;
  min-width: 138px !important;
  justify-content: center !important;
}
.ph-chatgpt-v134-fields {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(220px, 1fr)) !important;
  gap: 14px !important;
}
.ph-chatgpt-v134-fields label,
.ph-chatgpt-upload-card,
.ph-chatgpt-v134-list-card {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  padding: 18px !important;
  border-radius: 22px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.078), rgba(255,255,255,.034)) !important;
  border: 1px solid rgba(220,236,255,.14) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 16px 40px rgba(0,0,0,.12) !important;
}
.ph-chatgpt-v134-fields label > span,
.ph-chatgpt-v134-list-head span,
.ph-chatgpt-upload-text strong {
  color: rgba(255,255,255,.94) !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  letter-spacing: -.01em !important;
}
.ph-chatgpt-v134-fields textarea,
.ph-chatgpt-upload-form textarea {
  width: 100% !important;
  min-height: 156px !important;
  resize: vertical !important;
  border-radius: 18px !important;
  background: rgba(4,12,42,.42) !important;
  border: 1px solid rgba(221,236,255,.14) !important;
  color: #fff !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
}
.ph-chatgpt-upload-card {
  display: grid !important;
  grid-template-columns: minmax(230px, .55fr) minmax(360px, 1fr) !important;
  align-items: stretch !important;
  gap: 16px !important;
}
.ph-chatgpt-upload-text {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 8px !important;
  min-width: 0 !important;
}
.ph-chatgpt-upload-text span,
.ph-chatgpt-upload-actions span {
  color: rgba(236,244,255,.62) !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  line-height: 1.35 !important;
}
.ph-chatgpt-upload-form {
  display: grid !important;
  grid-template-columns: minmax(260px,1fr) auto !important;
  gap: 12px !important;
  align-items: stretch !important;
}
.ph-chatgpt-upload-form textarea {
  min-height: 106px !important;
}
.ph-chatgpt-upload-actions {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 10px !important;
  min-width: 210px !important;
}
.ph-chatgpt-upload-actions .ph-btn {
  min-height: 46px !important;
  border-radius: 16px !important;
  white-space: nowrap !important;
}
.ph-chatgpt-v134-stats {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 14px !important;
}
.ph-chatgpt-v134-stats .ph-ad-stat {
  min-height: 78px !important;
  border-radius: 20px !important;
  padding: 15px 17px !important;
}
.ph-chatgpt-v134-stats .ph-ad-stat span {
  text-transform: none !important;
  letter-spacing: 0 !important;
}
.ph-chatgpt-v134-lists {
  display: grid !important;
  grid-template-columns: minmax(280px, .42fr) minmax(420px, 1fr) !important;
  gap: 14px !important;
  align-items: start !important;
}
.ph-chatgpt-v134-list-head {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 28px !important;
}
.ph-chatgpt-v134-jobs-card .ph-chatgpt-v134-list-head {
  grid-template-columns: minmax(0,1fr) 170px !important;
}
.ph-chatgpt-v134-jobs-card .ph-chatgpt-v134-list-head span:last-child {
  text-align: left !important;
}
.ph-chatgpt-jobs-body .ph-ad-job-row-v134 {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) 170px !important;
  gap: 12px !important;
  align-items: center !important;
  min-height: 62px !important;
  padding: 12px 14px !important;
}
.ph-ad-job-main {
  min-width: 0 !important;
  display: grid !important;
  gap: 5px !important;
}
.ph-ad-job-main strong {
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.ph-ad-job-main small {
  color: rgba(236,244,255,.62) !important;
  font-size: 12px !important;
  font-weight: 760 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.ph-ad-job-main a {
  color: #9fc7ff !important;
  text-decoration: none !important;
  font-weight: 900 !important;
}
.ph-ad-job-main a:hover { text-decoration: underline !important; }
.ph-ad-job-status {
  min-width: 0 !important;
  display: grid !important;
  gap: 4px !important;
  align-items: center !important;
  padding: 8px 10px !important;
  border-radius: 14px !important;
  background: rgba(4,12,42,.34) !important;
  border: 1px solid rgba(221,236,255,.10) !important;
}
.ph-ad-job-status span {
  color: rgba(236,244,255,.54) !important;
  font-size: 11px !important;
  font-weight: 850 !important;
}
.ph-ad-job-status b {
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.ph-ad-job-status.success { border-color: rgba(49,255,163,.26) !important; background: rgba(49,255,163,.075) !important; }
.ph-ad-job-status.success b { color: #9dffd0 !important; }
.ph-ad-job-status.error { border-color: rgba(255,77,105,.28) !important; background: rgba(255,77,105,.075) !important; }
.ph-ad-job-status.error b { color: #ff9caf !important; }
.ph-ad-job-status.process { border-color: rgba(145,171,255,.18) !important; background: rgba(103,126,255,.075) !important; }
.ph-ad-job-status.process b { color: #cbd7ff !important; }
.ph-ad-job-error {
  grid-column: 1 / -1 !important;
  color: #ff9caf !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 750 !important;
}
.ph-chatgpt-module-panel .ph-cgpt-module-hero .ph-v14618-mini-switch { display: none !important; }
.ph-chatgpt-module-panel.ph-module-locked .ph-chatgpt-v134-fields,
.ph-chatgpt-module-panel.ph-module-locked .ph-chatgpt-upload-card,
.ph-chatgpt-module-panel.ph-module-locked .ph-chatgpt-v134-stats,
.ph-chatgpt-module-panel.ph-module-locked .ph-chatgpt-v134-lists {
  filter: blur(14px) saturate(.85) !important;
  opacity: .24 !important;
  pointer-events: none !important;
  user-select: none !important;
}
@media (max-width: 1180px) {
  .ph-chatgpt-v134-fields,
  .ph-chatgpt-v134-lists,
  .ph-chatgpt-upload-card,
  .ph-chatgpt-upload-form {
    grid-template-columns: 1fr !important;
  }
  .ph-chatgpt-upload-actions { min-width: 0 !important; align-items: flex-start !important; }
}
@media (max-width: 760px) {
  .ph-chatgpt-v134-stats { grid-template-columns: 1fr 1fr !important; }
  .ph-chatgpt-jobs-body .ph-ad-job-row-v134,
  .ph-chatgpt-v134-jobs-card .ph-chatgpt-v134-list-head {
    grid-template-columns: 1fr !important;
  }
}