/* GotBet Public Styles - Dark Theme */

:root {
    --gotbet-primary: #dc143c;
    --gotbet-primary-hover: #b01030;
    --gotbet-bg-dark: #1a1a1a;
    --gotbet-bg-card: #2a2a2a;
    --gotbet-bg-hover: #333;
    --gotbet-text-primary: #ffffff;
    --gotbet-text-secondary: #b3b3b3;
    --gotbet-border: #404040;
    --gotbet-success: #46b450;
    --gotbet-warning: #f18500;
    --gotbet-danger: #dc3232;
    --gotbet-info: #00a0d2;
}

/* Bets Wrapper - with !important to override theme */
.gotbet-bets-wrapper {
    background: var(--gotbet-bg-card) !important;
    border-radius: 8px !important;
    padding: 20px !important;
    color: var(--gotbet-text-primary) !important;
}

.gotbet-bets-wrapper h2,
.gotbet-bets-wrapper h3 {
    color: var(--gotbet-text-primary) !important;
}

/* Tabs */
.gotbet-tabs {
    display: flex !important;
    gap: 10px !important;
    margin-bottom: 20px !important;
    border-bottom: 2px solid var(--gotbet-border) !important;
    padding-bottom: 10px !important;
    flex-wrap: wrap !important;
}

.gotbet-tab {
    background: transparent !important;
    color: var(--gotbet-text-secondary) !important;
    border: none !important;
    padding: 10px 20px !important;
    cursor: pointer !important;
    text-decoration: none !important;
    border-radius: 4px 4px 0 0 !important;
    transition: all 0.3s ease !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}

.gotbet-tab:hover,
.gotbet-tab.active {
    background: var(--gotbet-primary) !important;
    color: #fff !important;
}

/* Bets Table */
.gotbet-bets-table {
    width: 100% !important;
    border-collapse: collapse !important;
    margin: 20px 0 !important;
}

.gotbet-bets-table thead {
    background: var(--gotbet-bg-dark) !important;
}

.gotbet-bets-table th {
    padding: 12px !important;
    text-align: left !important;
    font-weight: 600 !important;
    border-bottom: 2px solid var(--gotbet-border) !important;
    color: var(--gotbet-text-secondary) !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
}

.gotbet-bets-table td {
    padding: 12px !important;
    border-bottom: 1px solid var(--gotbet-border) !important;
    color: var(--gotbet-text-primary) !important;
}

.gotbet-bets-table tbody tr {
    transition: background 0.2s ease !important;
}

.gotbet-bets-table tbody tr:hover {
    background: var(--gotbet-bg-hover) !important;
}

.gotbet-bets-table a {
    color: var(--gotbet-info) !important;
    text-decoration: none !important;
}

.gotbet-bets-table a:hover {
    text-decoration: underline !important;
}

/* Status Pills - with !important to override theme styles */
.gotbet-status-pill,
.gotbet-single-bet .gotbet-status-pill,
#buddypress .gotbet-status-pill,
.activity-content .gotbet-status-pill {
    display: inline-block !important;
    padding: 5px 12px !important;
    border-radius: 12px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    white-space: nowrap !important;
    border: none !important;
    line-height: 1.2 !important;
    box-shadow: none !important;
}

.gotbet-status-open {
    background: var(--gotbet-info) !important;
    color: #fff !important;
}

.gotbet-status-taken {
    background: #826eb4 !important;
    color: #fff !important;
}

.gotbet-status-in_progress,
.gotbet-status-in-progress {
    background: var(--gotbet-warning) !important;
    color: #fff !important;
}

.gotbet-status-awaiting_result,
.gotbet-status-awaiting_confirmation {
    background: #f18500 !important;
    color: #fff !important;
}

.gotbet-status-disputed {
    background: var(--gotbet-danger) !important;
    color: #fff !important;
}

.gotbet-status-completed {
    background: var(--gotbet-success) !important;
    color: #fff !important;
}

.gotbet-status-closed {
    background: #72777c !important;
    color: #fff !important;
}

.gotbet-status-payment_pending {
    background: #826eb4 !important;
    color: #fff !important;
}

/* Single Bet View */
.gotbet-single-bet {
    background: var(--gotbet-bg-card);
    border-radius: 8px;
    padding: 20px;
    color: var(--gotbet-text-primary);
}

/* Compact bet in BuddyPress activity stream */
.activity-inner .gotbet-single-bet,
#buddypress .gotbet-single-bet,
.activity-content .gotbet-single-bet {
    padding: 15px;
    font-size: 14px;
}

/* Force full display - hide Read More link for bet activities */
.activity-item:has(.gotbet-single-bet) .activity-read-more,
.activity-item:has(.gotbet-single-bet) .bp-activity-more-link,
.activity-item:has(.gotbet-single-bet) a.activity-read-more,
.activity-item:has(.gotbet-single-bet) .read-more,
.gotbet-activity-item .activity-read-more,
.gotbet-activity-item .bp-activity-more-link,
.gotbet-activity-item a.activity-read-more,
.gotbet-activity-item .read-more {
    display: none !important;
}

/* Ensure bet content is not clipped */
.activity-item:has(.gotbet-single-bet) .activity-inner,
.activity-item:has(.gotbet-single-bet) .activity-content,
.gotbet-activity-item .activity-inner,
.gotbet-activity-item .activity-content {
    max-height: none !important;
    overflow: visible !important;
}

.gotbet-bet-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 2px solid var(--gotbet-border);
}

.gotbet-bet-creator {
    font-size: 18px;
    font-weight: 600;
    color: var(--gotbet-text-primary);
    display: flex;
    align-items: center;
    gap: 8px;
}

.gotbet-bet-meta {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
}

.gotbet-stage-indicator,
.gotbet-single-bet .gotbet-stage-indicator,
#buddypress .gotbet-stage-indicator,
.activity-content .gotbet-stage-indicator {
    display: inline-block !important;
    background: var(--gotbet-bg-dark) !important;
    padding: 5px 12px !important;
    border-radius: 4px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
    border: none !important;
    line-height: 1.2 !important;
    box-shadow: none !important;
    color: var(--gotbet-text-primary) !important;
}

.gotbet-bet-title {
    font-size: 24px;
    margin: 0 0 15px 0;
    color: var(--gotbet-text-primary);
}

.gotbet-bet-description {
    color: var(--gotbet-text-secondary);
    margin-bottom: 20px;
}

.gotbet-bet-details {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin: 20px 0;
    padding: 15px;
    background: var(--gotbet-bg-dark);
    border-radius: 6px;
}

/* Compact in BuddyPress activity */
.activity-inner .gotbet-bet-details,
#buddypress .gotbet-bet-details,
.activity-content .gotbet-bet-details {
    padding: 12px;
    gap: 5px;
}

.gotbet-detail-item {
    font-size: 14px;
    line-height: 1.5;
    color: var(--gotbet-text-primary);
}

.gotbet-detail-item strong {
    color: var(--gotbet-text-secondary);
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 600;
}

.gotbet-detail-item span {
    color: var(--gotbet-text-primary);
}

/* Countdown inline with end date */
.gotbet-detail-item .gotbet-countdown {
    margin-left: 10px;
}

/* Workflow Layout */
.gotbet-bet-workflow {
    display: grid;
    grid-template-columns: 250px 1fr 300px;
    gap: 20px;
    margin-top: 30px;
}

/* Responsive: stack on tablets and smaller */
@media (max-width: 1024px) {
    .gotbet-bet-workflow {
        grid-template-columns: 1fr;
    }
}

/* When embedded in BuddyPress activity stream (narrow column) */
.activity-inner .gotbet-bet-workflow,
#buddypress .gotbet-bet-workflow,
.activity-content .gotbet-bet-workflow {
    grid-template-columns: 1fr !important;
}

/* Hide instructions sidebar in narrow contexts */
.activity-inner .gotbet-instructions-sidebar,
#buddypress .gotbet-instructions-sidebar,
.activity-content .gotbet-instructions-sidebar {
    display: none;
}

/* Stages Sidebar */
.gotbet-stages-sidebar {
    background: var(--gotbet-bg-dark);
    padding: 20px;
    border-radius: 6px;
}

/* Compact stages in BuddyPress activity */
.activity-inner .gotbet-stages-sidebar,
#buddypress .gotbet-stages-sidebar,
.activity-content .gotbet-stages-sidebar {
    padding: 15px;
}

.activity-inner .gotbet-stage-item,
#buddypress .gotbet-stage-item,
.activity-content .gotbet-stage-item {
    padding: 8px;
    margin-bottom: 5px;
    font-size: 12px;
}

.gotbet-stages-sidebar h4 {
    margin: 0 0 15px 0;
    font-size: 14px;
    text-transform: uppercase;
    color: var(--gotbet-text-secondary);
}

.gotbet-stage-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.gotbet-stage-item,
.gotbet-single-bet .gotbet-stage-item,
#buddypress .gotbet-stage-item,
.activity-content .gotbet-stage-item {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 10px 12px !important;
    margin-bottom: 6px !important;
    border-radius: 4px !important;
    background: var(--gotbet-bg-card) !important;
    border-left: 3px solid transparent !important;
    border-top: none !important;
    border-right: none !important;
    border-bottom: none !important;
    transition: all 0.3s ease !important;
    min-height: 40px !important;
    box-shadow: none !important;
}

.gotbet-stage-item.active,
.gotbet-single-bet .gotbet-stage-item.active,
#buddypress .gotbet-stage-item.active,
.activity-content .gotbet-stage-item.active {
    background: var(--gotbet-primary) !important;
    border-left-color: var(--gotbet-primary) !important;
    font-weight: 600 !important;
    color: #fff !important;
}

.gotbet-stage-item.active .stage-number,
.gotbet-single-bet .gotbet-stage-item.active .stage-number,
#buddypress .gotbet-stage-item.active .stage-number,
.activity-content .gotbet-stage-item.active .stage-number {
    background: rgba(0, 0, 0, 0.3) !important;
    color: #fff !important;
    line-height: 22px !important;
}

.gotbet-stage-item.completed,
.gotbet-single-bet .gotbet-stage-item.completed,
#buddypress .gotbet-stage-item.completed,
.activity-content .gotbet-stage-item.completed {
    background: var(--gotbet-success) !important;
    border-left-color: var(--gotbet-success) !important;
    color: #fff !important;
}

.gotbet-stage-item.completed .stage-number,
.gotbet-single-bet .gotbet-stage-item.completed .stage-number,
#buddypress .gotbet-stage-item.completed .stage-number,
.activity-content .gotbet-stage-item.completed .stage-number {
    background: rgba(0, 0, 0, 0.2) !important;
    color: #fff !important;
    line-height: 22px !important;
}

.gotbet-stage-item .stage-number,
.gotbet-single-bet .gotbet-stage-item .stage-number,
#buddypress .gotbet-stage-item .stage-number,
.activity-content .gotbet-stage-item .stage-number {
    display: inline-block !important;
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    flex-shrink: 0 !important;
    background: var(--gotbet-bg-dark) !important;
    border-radius: 50% !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-align: center !important;
    line-height: 22px !important;
    box-sizing: border-box !important;
    border: none !important;
    padding: 0 !important;
    color: var(--gotbet-text-primary) !important;
}

.gotbet-stage-item .stage-label {
    flex: 1;
    font-size: 13px;
}

/* Stage Content */
.gotbet-stage-content {
    background: var(--gotbet-bg-dark);
    padding: 30px;
    border-radius: 6px;
}

.gotbet-stage-content h4 {
    margin: 0 0 15px 0;
    font-size: 20px;
    color: var(--gotbet-text-primary);
}

.gotbet-stage-content p {
    color: var(--gotbet-text-primary);
}

.gotbet-stage-content p strong {
    color: var(--gotbet-text-secondary);
}

.gotbet-winner-select,
.gotbet-result-confirm {
    display: flex;
    gap: 15px;
    margin-top: 20px;
}

.gotbet-payment-info {
    background: var(--gotbet-bg-card);
    padding: 15px;
    border-radius: 4px;
    margin: 15px 0;
}

.gotbet-wallet-address {
    display: block;
    background: var(--gotbet-bg-dark);
    padding: 12px;
    border-radius: 4px;
    font-family: monospace;
    font-size: 14px;
    word-break: break-all;
    margin-top: 10px;
    color: var(--gotbet-success);
}

/* Instructions Sidebar */
.gotbet-instructions-sidebar {
    background: var(--gotbet-bg-dark);
    padding: 20px;
    border-radius: 6px;
}

.gotbet-instructions-sidebar h4 {
    margin: 0 0 15px 0;
    font-size: 14px;
    text-transform: uppercase;
    color: var(--gotbet-text-secondary);
}

.gotbet-instructions-sidebar p {
    color: var(--gotbet-text-secondary);
    font-size: 13px;
    line-height: 1.6;
}

/* Buttons - with !important to override theme styles */
.gotbet-btn,
.gotbet-single-bet .gotbet-btn,
#buddypress .gotbet-btn,
.activity-content .gotbet-btn {
    display: inline-block !important;
    padding: 12px 24px !important;
    border: none !important;
    border-radius: 4px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    line-height: 1 !important;
    box-shadow: none !important;
    text-transform: none !important;
    letter-spacing: normal !important;
}

.gotbet-btn-primary,
.gotbet-single-bet .gotbet-btn-primary,
#buddypress .gotbet-btn-primary,
.activity-content .gotbet-btn-primary {
    background: var(--gotbet-primary) !important;
    color: #fff !important;
}

.gotbet-btn-primary:hover {
    background: var(--gotbet-primary-hover) !important;
    color: #fff !important;
}

.gotbet-btn-secondary,
.gotbet-single-bet .gotbet-btn-secondary,
#buddypress .gotbet-btn-secondary,
.activity-content .gotbet-btn-secondary {
    background: var(--gotbet-bg-hover) !important;
    color: var(--gotbet-text-primary) !important;
}

.gotbet-btn-secondary:hover {
    background: #444 !important;
    color: var(--gotbet-text-primary) !important;
}

.gotbet-btn-danger,
.gotbet-single-bet .gotbet-btn-danger,
#buddypress .gotbet-btn-danger,
.activity-content .gotbet-btn-danger {
    background: var(--gotbet-danger) !important;
    color: #fff !important;
}

.gotbet-btn-danger:hover {
    background: #b82626 !important;
    color: #fff !important;
}

/* Messages */
.gotbet-info {
    background: rgba(0, 160, 210, 0.1);
    border-left: 4px solid var(--gotbet-info);
    padding: 12px;
    border-radius: 4px;
    color: var(--gotbet-info);
    margin: 15px 0;
}

.gotbet-warning {
    background: rgba(241, 133, 0, 0.1);
    border-left: 4px solid var(--gotbet-warning);
    padding: 12px;
    border-radius: 4px;
    color: var(--gotbet-warning);
    margin: 15px 0;
}

.gotbet-error {
    background: rgba(220, 50, 50, 0.1);
    border-left: 4px solid var(--gotbet-danger);
    padding: 12px;
    border-radius: 4px;
    color: var(--gotbet-danger);
    margin: 15px 0;
}

.gotbet-success {
    background: rgba(70, 180, 80, 0.1);
    border-left: 4px solid var(--gotbet-success);
    padding: 12px;
    border-radius: 4px;
    color: var(--gotbet-success);
    margin: 15px 0;
}

/* Countdown */
.gotbet-countdown,
.gotbet-window-countdown {
    display: inline-block !important;
    margin-left: 10px !important;
    padding: 4px 12px !important;
    background: var(--gotbet-bg-dark) !important;
    border-radius: 4px !important;
    font-family: monospace !important;
    font-weight: 700 !important;
    color: var(--gotbet-danger) !important;
}

/* Rating Badge */
.gotbet-rating-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: #f18500;
    color: #fff;
    padding: 3px 8px;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 700;
    vertical-align: middle;
    line-height: 1;
}

.gotbet-rating-icon {
    font-size: 13px;
}

/* Modals - with !important to override theme */
.gotbet-modal {
    display: none;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 999999 !important;
}

.gotbet-modal-backdrop {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: rgba(0, 0, 0, 0.85) !important;
}

.gotbet-modal-dialog {
    position: relative !important;
    max-width: 550px !important;
    margin: 30px auto !important;
    z-index: 1000000 !important;
    padding: 0 15px !important;
}

.gotbet-modal-content {
    background: var(--gotbet-bg-card) !important;
    color: var(--gotbet-text-primary) !important;
    padding: 25px 30px !important;
    border-radius: 8px !important;
    position: relative !important;
    border: none !important;
    box-shadow: 0 10px 40px rgba(0,0,0,0.5) !important;
}

.gotbet-modal-content h2,
.gotbet-modal-content h3,
.gotbet-modal-content h4 {
    color: var(--gotbet-text-primary) !important;
    margin-top: 0 !important;
}

.gotbet-modal-content p {
    color: var(--gotbet-text-primary) !important;
}

.gotbet-modal-close {
    position: absolute !important;
    top: 15px !important;
    right: 20px !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    color: var(--gotbet-text-secondary) !important;
    cursor: pointer !important;
    background: none !important;
    border: none !important;
    padding: 0 !important;
    width: 30px !important;
    height: 30px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
}

.gotbet-modal-close:hover {
    color: var(--gotbet-text-primary) !important;
}

/* Create Bet Modal - larger size */
#gotbet-create-bet-modal .gotbet-modal-dialog {
    max-width: 520px;
}

#gotbet-create-bet-modal .gotbet-modal-content {
    overflow: visible;
}

#gotbet-create-bet-modal h3 {
    margin: 0 0 15px 0;
    padding-right: 30px;
    color: var(--gotbet-text-primary);
    font-size: 22px;
}

/* Instructions link */
.gotbet-instructions-link {
    display: inline-block;
    margin-bottom: 15px;
    color: var(--gotbet-info);
    font-size: 13px;
    text-decoration: none;
}

.gotbet-instructions-link:hover {
    text-decoration: underline;
}

/* Date picker Done button */
.gotbet-datepicker-done {
    display: none;
    margin-top: 8px;
    padding: 8px 20px;
    background: var(--gotbet-primary);
    color: #fff;
    border: none;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}

.gotbet-datepicker-done.visible {
    display: inline-block;
}

.gotbet-datepicker-done:hover {
    background: var(--gotbet-primary-hover);
}

/* Group notice in create bet form */
.gotbet-group-notice {
    background: rgba(0, 160, 210, 0.15);
    border-left: 3px solid var(--gotbet-info);
    padding: 10px 12px;
    border-radius: 4px;
    margin-bottom: 15px;
    font-size: 13px;
    color: var(--gotbet-info);
}

/* Form Styles - with !important to override theme */
.form-field {
    margin-bottom: 15px !important;
}

.form-row {
    display: flex !important;
    gap: 15px !important;
}

.form-field-half {
    flex: 1 !important;
}

@media (max-width: 480px) {
    .form-row {
        flex-direction: column !important;
        gap: 0 !important;
    }
}

.form-field label,
.gotbet-modal .form-field label {
    display: block !important;
    margin-bottom: 8px !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    color: var(--gotbet-text-primary) !important;
}

.form-field label .timezone-hint {
    font-weight: 400 !important;
    color: var(--gotbet-text-secondary) !important;
    font-size: 12px !important;
}

.form-field .form-hint {
    display: block !important;
    margin-top: 5px !important;
    color: var(--gotbet-text-secondary) !important;
    font-size: 12px !important;
}

.form-field input[type="text"],
.form-field input[type="number"],
.form-field input[type="datetime-local"],
.form-field select,
.form-field textarea,
.gotbet-modal input[type="text"],
.gotbet-modal input[type="number"],
.gotbet-modal select,
.gotbet-modal textarea {
    width: 100% !important;
    padding: 10px !important;
    background: var(--gotbet-bg-dark) !important;
    border: 1px solid var(--gotbet-border) !important;
    border-radius: 4px !important;
    color: var(--gotbet-text-primary) !important;
    font-size: 14px !important;
    box-sizing: border-box !important;
}

.form-field select,
.gotbet-modal select {
    height: auto !important;
    min-height: 42px !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23b3b3b3' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 10px center !important;
    padding-right: 30px !important;
    background-color: var(--gotbet-bg-dark) !important;
}

/* Fix input text visibility on focus */
.form-field input[type="text"]:focus,
.form-field input[type="number"]:focus,
.form-field input[type="datetime-local"]:focus,
.form-field select:focus,
.form-field textarea:focus,
.gotbet-modal input:focus,
.gotbet-modal select:focus,
.gotbet-modal textarea:focus,
.gotbet-wallet-input:focus {
    color: #ffffff !important;
    background: var(--gotbet-bg-dark) !important;
    background-color: var(--gotbet-bg-dark) !important;
    border-color: var(--gotbet-primary) !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Ensure placeholder is visible */
.form-field input::placeholder,
.form-field textarea::placeholder,
.gotbet-modal input::placeholder,
.gotbet-wallet-input::placeholder {
    color: #999 !important;
    opacity: 1 !important;
}

.form-field textarea,
.gotbet-modal textarea {
    resize: vertical !important;
    min-height: 70px !important;
}

.form-actions {
    display: flex !important;
    gap: 10px !important;
    margin-top: 20px !important;
}

.gotbet-form-message {
    margin-top: 15px !important;
    padding: 12px !important;
    border-radius: 4px !important;
}

.gotbet-form-message.success {
    background: var(--gotbet-success) !important;
    color: #fff !important;
}

.gotbet-form-message.error {
    background: var(--gotbet-danger) !important;
    color: #fff !important;
}

/* Wallet Settings - with !important to override theme */
.gotbet-wallet-table {
    width: 100% !important;
    margin: 20px 0 !important;
    border-collapse: collapse !important;
}

.gotbet-wallet-table th {
    text-align: left !important;
    padding: 12px !important;
    background: var(--gotbet-bg-dark) !important;
    border-bottom: 2px solid var(--gotbet-border) !important;
    color: var(--gotbet-text-secondary) !important;
    font-size: 11px !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
}

.gotbet-wallet-table td {
    padding: 12px !important;
    border-bottom: 1px solid var(--gotbet-border) !important;
    color: var(--gotbet-text-primary) !important;
    background: transparent !important;
}

.gotbet-wallet-table td strong,
.gotbet-wallet-table .currency-code {
    color: var(--gotbet-text-primary) !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    display: block !important;
}

.gotbet-wallet-table td small,
.gotbet-wallet-table .currency-name {
    color: var(--gotbet-text-secondary) !important;
    font-size: 12px !important;
    display: block !important;
    margin-top: 2px !important;
}

.gotbet-wallet-input {
    width: 100% !important;
    padding: 10px !important;
    background: var(--gotbet-bg-dark) !important;
    background-color: var(--gotbet-bg-dark) !important;
    border: 1px solid var(--gotbet-border) !important;
    border-radius: 4px !important;
    color: var(--gotbet-text-primary) !important;
    font-family: monospace !important;
    font-size: 13px !important;
    box-sizing: border-box !important;
}

.gotbet-wallet-actions {
    display: flex !important;
    justify-content: flex-end !important;
    margin-top: 20px !important;
}

.gotbet-wallet-message {
    margin-top: 15px !important;
    padding: 12px !important;
    border-radius: 4px !important;
}

.gotbet-wallet-message.success {
    background: var(--gotbet-success) !important;
    color: #fff !important;
}

.gotbet-wallet-message.error {
    background: var(--gotbet-danger) !important;
    color: #fff !important;
}

/* Pagination */
.gotbet-pagination {
    margin-top: 30px;
    text-align: center;
}

.gotbet-pagination .page-numbers {
    display: inline-block;
    padding: 8px 12px;
    margin: 0 4px;
    background: var(--gotbet-bg-dark);
    color: var(--gotbet-text-primary);
    text-decoration: none;
    border-radius: 4px;
    transition: background 0.2s ease;
}

.gotbet-pagination .page-numbers:hover,
.gotbet-pagination .page-numbers.current {
    background: var(--gotbet-primary);
}

/* No Bets */
.gotbet-no-bets {
    text-align: center;
    padding: 40px;
    color: var(--gotbet-text-secondary);
    font-size: 16px;
}

/* Admin Panel on Bet Page */
.gotbet-admin-panel {
    margin-top: 30px;
    padding: 20px;
    background: var(--gotbet-bg-dark);
    border-radius: 6px;
    border-left: 4px solid var(--gotbet-warning);
}

.gotbet-admin-panel h4 {
    margin: 0 0 15px 0;
    font-size: 16px;
    text-transform: uppercase;
    color: var(--gotbet-warning);
}

.gotbet-admin-panel h5 {
    margin: 0 0 10px 0;
    font-size: 14px;
    color: var(--gotbet-text-secondary);
}

.gotbet-admin-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;
}

.gotbet-admin-honor-form {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid var(--gotbet-border);
}

.gotbet-admin-honor-row {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    margin-bottom: 15px;
}

.gotbet-admin-honor-user {
    flex: 1;
    min-width: 220px;
}

.gotbet-admin-honor-user strong {
    color: var(--gotbet-text-primary);
}

.gotbet-admin-honor-rating {
    color: var(--gotbet-text-secondary);
    font-size: 12px;
}

.gotbet-admin-honor-inputs {
    display: flex;
    gap: 8px;
    margin-top: 8px;
}

.gotbet-admin-honor-inputs input[type="number"] {
    width: 80px !important;
    padding: 8px !important;
    background: var(--gotbet-bg-card) !important;
    border: 1px solid var(--gotbet-border) !important;
    border-radius: 4px !important;
    color: var(--gotbet-text-primary) !important;
    font-size: 13px !important;
}

.gotbet-admin-honor-inputs input[type="text"] {
    flex: 1 !important;
    padding: 8px !important;
    background: var(--gotbet-bg-card) !important;
    border: 1px solid var(--gotbet-border) !important;
    border-radius: 4px !important;
    color: var(--gotbet-text-primary) !important;
    font-size: 13px !important;
}

/* BuddyPress Composer Buttons */
.gotbet-composer-buttons {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.gotbet-composer-buttons .button {
    background: var(--gotbet-primary);
    color: #fff;
    border: none;
}

.gotbet-composer-buttons .button:hover {
    background: var(--gotbet-primary-hover);
}