/* Market Tools Cards */
.mkt-card {
    border-radius: 12px !important;
    transition: box-shadow .2s, transform .15s;
    overflow: hidden;
}
.mkt-card:hover {
    box-shadow: 0 8px 28px rgba(0,0,0,.1) !important;
    transform: translateY(-2px);
}
.mkt-thumb {
    width: 54px; height: 54px;
    border-radius: 10px; object-fit: cover; flex-shrink: 0;
    border: 2px solid rgba(0,0,0,.06);
}

/* Stat row */
.mkt-stats { display: flex; align-items: center; gap: 0; flex-wrap: wrap; }
.mkt-stat { text-align: center; padding: .5rem 1.1rem; }
.mkt-stat-val { font-size: 1.35rem; font-weight: 800; line-height: 1.1; }
.mkt-stat-lbl { font-size: .62rem; text-transform: uppercase; letter-spacing: .06em; color: #9ca3af; margin-top: 2px; }
.mkt-stat-divider { width: 1px; height: 38px; background: #e9ecef; flex-shrink: 0; }

/* Stats section wrapper */
.mkt-stats-section { background: #f8f9fb; border-radius: 10px; }

/* Earnings box */
.mkt-earnings {
    background: #f8f9fb;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    padding: .45rem .75rem;
    flex-shrink: 0;
}

/* URL input */
.mkt-url {
    font-size: .78rem;
    font-family: monospace;
    background: #f8f9fb !important;
    border: 1px solid #e9ecef !important;
    color: #374151 !important;
}

/* Action icon buttons */
.mkt-btn {
    width: 32px; height: 32px; padding: 0 !important;
    display: inline-flex; align-items: center; justify-content: center;
    border-radius: 7px !important;
    border: 1px solid #e2e8f0 !important;
    background: #fff !important;
    color: #6c757d !important;
    transition: all .15s;
    font-size: .8rem;
}
.mkt-btn:hover {
    border-color: currentColor !important;
    transform: translateY(-1px);
    box-shadow: 0 3px 8px rgba(0,0,0,.1);
}
.mkt-btn.btn-danger-soft  { color: #dc3545 !important; }
.mkt-btn.btn-primary-soft { color: #0d6efd !important; }
.mkt-btn.btn-success-soft { color: #198754 !important; }
.mkt-btn.btn-info-soft    { color: #0dcaf0 !important; }
.mkt-btn.btn-warning-soft { color: #ffc107 !important; }
.mkt-btn.btn-purple-soft  { color: #7c3aed !important; }
.mkt-btn.btn-copy         { color: #fff !important; background: #0d6efd !important; border-color: #0d6efd !important; }
.mkt-btn.btn-copy:hover   { background: #0b5ed7 !important; border-color: #0b5ed7 !important; }

/* Details toggle button */
.mkt-details-btn {
    font-size: .72rem; padding: .22rem .6rem;
    border: 1px solid #dee2e6 !important; color: #6c757d;
    background: transparent; border-radius: 6px !important;
    transition: background .15s;
}
.mkt-details-btn:hover { background: #f8f9fa; color: #343a40; }

/* Detail stats mini cards */
.mkt-detail-stat {
    background: #fff;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    padding: .6rem 1rem;
    text-align: center;
}

/* Type badge */
.mkt-type-badge {
    font-size: .67rem; font-weight: 600;
    letter-spacing: .03em;
    padding: .2em .6em;
    border-radius: 20px;
}

/* Recurring badge */
.mkt-recurring { font-size: .67rem; padding: .2em .6em; border-radius: 20px; }

.jscolor-picker-wrap { z-index:999999 !important; }
#product-variations.table > tbody > tr > td:first-child { max-width:50px; }
#product-variations.table > tbody > tr > td:last-child { max-width:50px; text-align:right; }
#product-variations.table > tbody > tr > td,
#product-variations.table > tfoot > tr > td,
#product-variations.table > thead > tr > td { padding:5px 12px; vertical-align:middle; }

.category-selected-wrap { border:1px solid #dee2e6; border-radius:.375rem; padding:.5rem; max-height:200px; overflow-y:auto; }

.ui-autocomplete { position:absolute; z-index:9999 !important; background:#fff; border:1px solid rgba(0,0,0,.15); border-radius:.375rem; box-shadow:0 .5rem 1rem rgba(0,0,0,.175); list-style:none !important; padding:.25rem 0; margin:2px 0 0; max-height:260px; overflow-y:auto; min-width:220px; }
.ui-autocomplete .ui-menu-item { padding:0; list-style:none !important; }
.ui-autocomplete .ui-menu-item-wrapper { display:block; padding:.45rem .85rem; font-size:.875rem; cursor:pointer; color:#212529; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-decoration:none; }
.ui-autocomplete .ui-menu-item-wrapper:hover,
.ui-autocomplete .ui-menu-item-wrapper.ui-state-active,
.ui-autocomplete .ui-menu-item-wrapper.ui-state-focus { background-color:#0d6efd; color:#fff; outline:none; }
.ui-helper-hidden-accessible { display:none !important; }
