@import url("./public-client-theme.css");

body:not(.admin-body) .account-card,
body:not(.admin-body) .auth-card,
body:not(.admin-body) .checkout-card,
body:not(.admin-body) .order-card,
body:not(.admin-body) .wallet-panel,
body:not(.admin-body) .service-gallery,
body:not(.admin-body) .service-summary,
body:not(.admin-body) .detail-card,
body:not(.admin-body) .policy-card,
body:not(.admin-body) .how-card,
body:not(.admin-body) .ticket-card,
body:not(.admin-body) .dispute-card,
body:not(.admin-body) .subscription-card,
body:not(.admin-body) .withdrawal-card,
body:not(.admin-body) .coupon-card,
body:not(.admin-body) .faq-item,
body:not(.admin-body) .delivery-card,
body:not(.admin-body) .payment-row,
body:not(.admin-body) .notification-row,
body:not(.admin-body) .step-card,
body:not(.admin-body) .seller-profile-card,
body:not(.admin-body) .result-card,
body:not(.admin-body) .wallet-card,
body:not(.admin-body) .support-card,
body:not(.admin-body) .seller-public-card,
body:not(.admin-body) .delivery-form-card,
body:not(.admin-body) .faq-card,
body:not(.admin-body) .faq-card.faq-item {
  background: var(--surface-card) !important;
  border-color: var(--border-card) !important;
}

body:not(.admin-body) .form-control {
  background: var(--surface-50) !important;
  border-color: var(--border-input) !important;
  color: var(--ink-900) !important;
}

body:not(.admin-body) .form-control:focus {
  border-color: var(--sage-500) !important;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.25) !important;
}

body:not(.admin-body) .form-message.success,
body:not(.admin-body) .checkout-message:not(.error),
body:not(.admin-body) .subscription-message.success,
body:not(.admin-body) .tickets-message.success {
  background: var(--success-bg) !important;
  color: var(--success-text) !important;
}

body:not(.admin-body) .form-message.error,
body:not(.admin-body) .checkout-message.error,
body:not(.admin-body) .subscription-message.error,
body:not(.admin-body) .wallet-message.error,
body:not(.admin-body) .support-message.error,
body:not(.admin-body) .tickets-message.error {
  background: var(--error-bg) !important;
  color: var(--error-text) !important;
}

body:not(.admin-body) .role-option {
  background: var(--surface-50) !important;
  border-color: var(--border) !important;
}

body:not(.admin-body) .role-option:has(input:checked) {
  border-color: var(--sage-500) !important;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.25) !important;
}

body:not(.admin-body) .market-hero-panel {
  background: var(--surface-card) !important;
  border-color: var(--border-card) !important;
}

body:not(.admin-body) .market-toolbar {
  background: var(--surface-card) !important;
  border-color: var(--border-card) !important;
}

body:not(.admin-body) .market-kpi {
  background: var(--success-bg) !important;
  border-color: var(--border-card) !important;
}

body:not(.admin-body) .search-field input,
body:not(.admin-body) .sort-field .form-control {
  background: var(--surface-50) !important;
  border-color: var(--border-input) !important;
}

body:not(.admin-body) .service-card {
  background: var(--surface-card) !important;
  border-color: var(--border-card) !important;
}

body:not(.admin-body) .service-card.is-subscription,
body:not(.admin-body) .service-card.is-one-time {
  background: var(--surface-card) !important;
}

body:not(.admin-body) .service-cover {
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.15), rgba(74, 10, 115, 0.6)) !important;
  border-color: var(--border-card) !important;
}

body:not(.admin-body) .rating-input button {
  color: var(--ink-500);
}

body:not(.admin-body) .rating-input button.is-active {
  color: var(--sun-400);
}

body:not(.admin-body) .empty-state {
  background: var(--surface-100) !important;
  border-color: var(--border) !important;
  border-style: dashed !important;
}

body:not(.admin-body) .skeleton::after {
  background: linear-gradient(120deg, transparent 0%, rgba(255, 255, 255, 0.08) 50%, transparent 100%) !important;
}

body:not(.admin-body) .gallery-thumb {
  background: var(--surface-100) !important;
  border-color: var(--border-card) !important;
}

body:not(.admin-body) .gallery-main {
  background: linear-gradient(120deg, var(--success-bg), var(--warn-bg)) !important;
}

body:not(.admin-body) .detail-card,
body:not(.admin-body) .seller-panel {
  background: var(--surface-card) !important;
}

body:not(.admin-body) .seller-panel {
  border-color: var(--border-card) !important;
}

body:not(.admin-body) .checkout-row {
  border-bottom-color: var(--border) !important;
}

body:not(.admin-body) .order-summary,
body:not(.admin-body) .order-summary-card,
body:not(.admin-body) .order-detail-card {
  background: var(--surface-card) !important;
  border-color: var(--border-card) !important;
}

body:not(.admin-body) .order-message.success {
  background: var(--success-bg) !important;
  color: var(--success-text) !important;
}

body:not(.admin-body) .order-message.error {
  background: var(--error-bg) !important;
  color: var(--error-text) !important;
}

body:not(.admin-body) .timeline-item {
  background: var(--success-bg) !important;
  border-color: var(--border-focus) !important;
}

body:not(.admin-body):not(.conversation-page) .chat-bubble {
  background: var(--surface-100) !important;
  border-color: var(--border-card) !important;
}

body:not(.admin-body):not(.conversation-page) .chat-bubble.is-me {
  background: var(--success-bg) !important;
  border-color: var(--border-focus) !important;
}

body:not(.admin-body) .result-card {
  background: var(--surface-card) !important;
  border-color: var(--border-card) !important;
}

body:not(.admin-body) .result-card.is-success {
  border-color: rgba(255, 255, 255, 0.4);
}

body:not(.admin-body) .result-card.is-failed {
  border-color: rgba(239, 68, 68, 0.4);
}

body:not(.admin-body) .result-badge {
  background: var(--surface-100) !important;
  color: var(--ink-700);
}

body:not(.admin-body) .result-badge.is-success {
  background: var(--success-bg) !important;
  color: var(--success-text) !important;
}

body:not(.admin-body) .result-badge.is-failed {
  background: var(--error-bg) !important;
  color: var(--error-text) !important;
}

body:not(.admin-body) .result-details {
  border-top-color: var(--border) !important;
  border-bottom-color: var(--border) !important;
}

body:not(.admin-body) .payment-result-card {
  background: var(--surface-card) !important;
  border-color: var(--border-card) !important;
}

body:not(.admin-body) .payment-result-card .border-dashed {
  border-color: var(--border) !important;
}

body:not(.admin-body) .wallet-card {
  background: var(--surface-card) !important;
  border-color: var(--border-card) !important;
}

body:not(.admin-body) .wallet-balance {
  color: var(--ink-900) !important;
}

body:not(.admin-body) .wallet-message.success {
  background: var(--success-bg) !important;
  color: var(--success-text) !important;
}

body:not(.admin-body) .notification-row {
  border-color: var(--border-card) !important;
}

body:not(.admin-body) .notification-unread {
  background: var(--success-bg) !important;
}

body:not(.admin-body) .ticket-messages,
body:not(.admin-body) .message-bubble {
  background: var(--surface-100) !important;
  border-color: var(--border-card) !important;
}

body:not(.admin-body) .ticket-message-form {
  background: var(--surface-50) !important;
  border-color: var(--border-card) !important;
}

body:not(.admin-body) .ticket-thread-messages {
  background: var(--surface-100) !important;
  border-color: var(--border-card) !important;
}

body:not(.admin-body) .ticket-thread-message {
  background: var(--success-bg) !important;
}

body:not(.admin-body) .ticket-thread-message.admin {
  background: var(--surface-200) !important;
}

body:not(.admin-body) .ticket-note {
  background: var(--warn-bg) !important;
  color: var(--warn-text) !important;
}

body:not(.admin-body) .tickets-message.success {
  background: var(--success-bg) !important;
  color: var(--success-text) !important;
}

body:not(.admin-body) .tickets-message.error {
  background: var(--error-bg) !important;
  color: var(--error-text) !important;
}

body:not(.admin-body) .status-open {
  background: var(--success-bg) !important;
  color: var(--success-text) !important;
}

body:not(.admin-body) .status-pending {
  background: var(--warn-bg) !important;
  color: var(--warn-text) !important;
}

body:not(.admin-body) .status-closed {
  background: var(--error-bg) !important;
  color: var(--error-text) !important;
}

body:not(.admin-body) .seller-hero-card,
body:not(.admin-body) .seller-stats,
body:not(.admin-body) .seller-public-card {
  background: var(--surface-card) !important;
  border-color: var(--border-card) !important;
}

body:not(.admin-body) .seller-public-avatar {
  background: var(--success-bg) !important;
  border-color: var(--border-card) !important;
}

body:not(.admin-body) .seller-public-bio {
  background: var(--success-bg) !important;
}

body:not(.admin-body) .seller-message.success {
  background: var(--success-bg) !important;
  color: var(--success-text) !important;
}

body:not(.admin-body) .seller-message.error {
  background: var(--error-bg) !important;
  color: var(--error-text) !important;
}

body:not(.admin-body) .seller-profile-public .service-card {
  background: var(--surface-card) !important;
  border-color: var(--border-card) !important;
}

body:not(.admin-body) .policy-card,
body:not(.admin-body) .how-card {
  background: var(--surface-card) !important;
  border-color: var(--border-card) !important;
}

body:not(.admin-body) .policy-list li {
  background: transparent !important;
  color: inherit;
}

body:not(.admin-body) .step-number {
  background: var(--success-bg) !important;
  color: var(--success-text) !important;
}

body:not(.admin-body) .agent-panel,
body:not(.admin-body) .agent-card {
  background: var(--surface-card) !important;
  border-color: var(--border-card) !important;
}

body:not(.admin-body) .agent-key-row {
  background: var(--surface-100) !important;
}

body:not(.admin-body) .endpoint-box,
body:not(.admin-body) .quota-box,
body:not(.admin-body) .key-create-box,
body:not(.admin-body) .new-key-box {
  background: var(--surface-100) !important;
  border-color: var(--border-card) !important;
}

body:not(.admin-body) .endpoint-box code,
body:not(.admin-body) .new-key-box code {
  background: var(--surface-50) !important;
  border: 1px solid var(--border) !important;
  color: var(--ink-900) !important;
  border-radius: var(--radius-sm);
}

body:not(.admin-body) .key-create-box .form-control {
  background: var(--surface-50) !important;
  border-color: var(--border) !important;
  color: var(--ink-900) !important;
}

body:not(.admin-body) .key-create-box .form-control::placeholder {
  color: var(--ink-500);
}

body:not(.admin-body) .status-ok {
  background: var(--success-bg) !important;
  color: var(--success-text) !important;
}

body:not(.admin-body) .status-error {
  background: var(--error-bg) !important;
  color: var(--error-text) !important;
}

body:not(.admin-body) .status-blocked {
  background: var(--warn-bg) !important;
  color: var(--warn-text) !important;
}

body:not(.admin-body) .status-pill[class*="stopped"],
body:not(.admin-body) .status-suspended {
  background: var(--warn-bg) !important;
  color: var(--warn-text) !important;
}

body:not(.admin-body) .progress-track {
  background: var(--surface-100) !important;
}

body:not(.admin-body) .progress-fill {
  background: linear-gradient(90deg, var(--sage-500), var(--sage-400)) !important;
}

body:not(.admin-body) .key-item {
  background: var(--surface-100) !important;
  border-color: var(--border-card) !important;
}

body:not(.admin-body) .usage-table th,
body:not(.admin-body) .usage-table td {
  border-color: var(--border) !important;
}

body:not(.admin-body) .hint.warning {
  color: var(--warn-text) !important;
}

body:not(.admin-body) .new-key-box,
body:not(.admin-body) .new-key-box code {
  color: var(--ink-600) !important;
}

body:not(.admin-body) .agent-test-box {
  background: var(--surface-100) !important;
  border-color: var(--border-card) !important;
}

body:not(.admin-body) .agent-test-output {
  background: var(--surface-50) !important;
  border-color: var(--border) !important;
  color: var(--ink-700) !important;
}

body:not(.admin-body) .status-badge,
body:not(.admin-body) [class*="status-"] {
  color: inherit;
}

body:not(.admin-body) .text-error,
body:not(.admin-body) [class*="error"] {
  color: var(--error-text) !important;
}

body:not(.admin-body) .orders-grid .order-card,
body:not(.admin-body) .subscriptions-grid .subscription-card,
body:not(.admin-body) .withdrawals-grid .withdrawal-card,
body:not(.admin-body) .deliveries-grid .delivery-card,
body:not(.admin-body) .reviews-grid .review-card,
body:not(.admin-body) .favorites-grid .favorite-card,
body:not(.admin-body) .support-grid .ticket-card,
body:not(.admin-body) .disputes-grid .dispute-card,
body:not(.admin-body) .stats-card,
body:not(.admin-body) .seller-stat-card {
  background: var(--surface-card) !important;
  border-color: var(--border-card) !important;
}

body:not(.admin-body) .stats-grid .admin-card,
body:not(.admin-body) .quick-actions .btn.ghost {
  background: var(--surface-card) !important;
  border-color: var(--border-card) !important;
}

body:not(.admin-body) .service-form-card {
  background: var(--surface-card) !important;
  border-color: var(--border-card) !important;
}

body:not(.admin-body) .dropzone {
  background: var(--surface-100) !important;
  border-color: var(--border) !important;
}

body:not(.admin-body) .dropzone.is-dragover {
  border-color: var(--sage-500);
  background: var(--success-bg) !important;
}

body:not(.admin-body) .delivery-form-card .delivery-actions {
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px solid var(--border);
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

body:not(.admin-body) .file-preview {
  background: var(--surface-100) !important;
  border-radius: var(--radius-md);
}

body:not(.admin-body) .file-item img {
  background: var(--surface-200);
  border-color: var(--border);
}

body:not(.admin-body) .delivery-message.success {
  background: var(--success-bg) !important;
  color: var(--success-text) !important;
}

body:not(.admin-body) .delivery-message.error {
  background: var(--error-bg) !important;
  color: var(--error-text) !important;
}

body:not(.admin-body) .deliveries-grid .delivery-card a {
  color: var(--success-text) !important;
}

body:not(.admin-body) .pagination-status,
body:not(.admin-body) .checkout-label,
body:not(.admin-body) .kpi-label {
  color: var(--ink-500) !important;
}

body:not(.admin-body) .coupons-grid .panel,
body:not(.admin-body) .withdrawals-grid .panel,
body:not(.admin-body) .faqs-grid .panel {
  background: var(--surface-card) !important;
  border-color: var(--border-card) !important;
}

body:not(.admin-body) .panel-message.success {
  background: var(--success-bg) !important;
  color: var(--success-text) !important;
}

body:not(.admin-body) .panel-message.error {
  background: var(--error-bg) !important;
  color: var(--error-text) !important;
}

body:not(.admin-body) .coupons-list .status-pill {
  background: transparent !important;
  border-radius: var(--radius-pill);
  border: 1px solid var(--border) !important;
  color: var(--ink-500) !important;
}

body:not(.admin-body) .coupons-list .status-pill:not(.off) {
  border-color: var(--success-text) !important;
  color: var(--success-text) !important;
}

body:not(.admin-body) .coupons-list .status-pill.off {
  border-color: var(--error-text) !important;
  color: var(--error-text) !important;
}

body:not(.admin-body) .balance-panel.panel {
  background: var(--surface-card) !important;
  border-color: var(--border-card) !important;
}

body:not(.admin-body) .balance-panel .badge {
  display: block;
  width: auto;
  padding: 0;
  font-size: 0.88rem;
  font-weight: 600;
  background: transparent !important;
  border: none !important;
  border-radius: 0;
  color: var(--ink-500) !important;
  margin-bottom: 4px;
}

body:not(.admin-body) .balance-value {
  color: var(--ink-900) !important;
}

body:not(.admin-body) .method-card {
  background: var(--surface-100) !important;
  border-color: var(--border-card) !important;
}

body:not(.admin-body) .method-card.is-default {
  border-color: rgba(255, 255, 255, 0.4);
}

body:not(.admin-body) .withdrawals-list .status-pill.pending {
  background: var(--warn-bg) !important;
  color: var(--warn-text) !important;
}

body:not(.admin-body) .withdrawals-list .status-pill.approved {
  background: var(--success-bg) !important;
  color: var(--success-text) !important;
}

body:not(.admin-body) .withdrawals-list .status-pill.rejected {
  background: var(--error-bg) !important;
  color: var(--error-text) !important;
}

body:not(.admin-body) .btn.danger {
  background: var(--error-bg) !important;
  border-color: rgba(239, 68, 68, 0.4);
  color: var(--error-text) !important;
}

body:not(.admin-body) .seller-profile-card .form-control {
  background: var(--surface-50) !important;
  border-color: var(--border) !important;
}

body:not(.admin-body) .avatar-preview {
  background: var(--success-bg) !important;
  border-color: var(--border) !important;
}

body:not(.admin-body) .seller-profile-card .form-message.success {
  background: var(--success-bg) !important;
  color: var(--success-text) !important;
}

body:not(.admin-body) .seller-profile-card .form-message.error {
  background: var(--error-bg) !important;
  color: var(--error-text) !important;
}

body:not(.admin-body) .header-actions .header-auth-greet {
  display: inline-flex;
  align-items: center;
  max-width: 11rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 6px 12px;
  border-radius: 999px;
  font-size: 0.85rem;
  font-weight: 600;
  background: rgba(255, 255, 255, 0.06);
  color: var(--ink-700);
  border: 1px solid var(--border);
}

body:not(.admin-body) .header-actions .header-auth-logout.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  min-height: 40px;
  padding: 8px !important;
  font-size: 0;
  line-height: 0;
  background: transparent !important;
  background-image: none !important;
  color: var(--ink-700) !important;
  border: 1px solid var(--border) !important;
  box-shadow: none !important;
  font-weight: 600;
  border-radius: 999px;
}

body:not(.admin-body) .header-actions .header-auth-logout__ico svg {
  transform: scaleX(-1);
}

body:not(.admin-body) .header-actions .header-auth-logout.btn:hover {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  color: var(--ink-900) !important;
}