/* Retailers Shop Admin Styles */

/* Header */
.rs-admin-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
.rs-logo-section { display: flex; align-items: center; gap: 12px; }
.rs-logo { width: 40px; height: 40px; border-radius: 8px; }
.rs-version { color: #666; font-size: 12px; }

/* Cards */
.rs-card { background: #fff; border: 1px solid #ddd; border-radius: 8px; padding: 20px; margin-bottom: 20px; }
.rs-card-title { font-size: 16px; font-weight: 600; margin: 0 0 15px; padding-bottom: 10px; border-bottom: 1px solid #eee; }

/* Stats Grid */
.rs-dashboard-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px; margin-bottom: 24px; }
.rs-stat-card { background: #fff; border: 1px solid #ddd; border-radius: 8px; padding: 20px; display: flex; flex-direction: column; }
.rs-stat-card .rs-stat-icon { margin-bottom: 8px; }
.rs-stat-card .rs-stat-icon .dashicons { font-size: 28px; width: 28px; height: 28px; }
.rs-stat-number { font-size: 28px; font-weight: 700; display: block; line-height: 1.2; }
.rs-stat-label { color: #666; font-size: 13px; margin-top: 4px; }
.rs-stat-footer { margin-top: auto; padding-top: 12px; border-top: 1px solid #eee; font-size: 12px; color: #888; }

.rs-stat-primary .rs-stat-icon .dashicons { color: #2271b1; }
.rs-stat-success .rs-stat-icon .dashicons { color: #00a32a; }
.rs-stat-warning .rs-stat-icon .dashicons { color: #dba617; }
.rs-stat-info .rs-stat-icon .dashicons { color: #72aee6; }

/* Dashboard Grid */
.rs-dashboard-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); gap: 20px; }

/* Quick Actions */
.rs-quick-actions { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
.rs-quick-actions .button-hero { display: flex; align-items: center; gap: 8px; justify-content: center; font-size: 13px !important; padding: 10px 16px !important; height: auto !important; }

/* Status Badges */
.rs-status { display: inline-block; padding: 3px 10px; border-radius: 12px; font-size: 12px; font-weight: 500; }
.rs-status-active, .rs-status-completed, .rs-status-processing { background: #d4edda; color: #155724; }
.rs-status-pending { background: #fff3cd; color: #856404; }
.rs-status-expired, .rs-status-cancelled, .rs-status-failed { background: #f8d7da; color: #721c24; }
.rs-status-migrated { background: #d1ecf1; color: #0c5460; }
.rs-status-suspended, .rs-status-draft { background: #e2e3e5; color: #383d41; }
.rs-status-scheduled { background: #e0e7ff; color: #3730a3; }

/* Badges */
.rs-badge { display: inline-block; padding: 2px 8px; border-radius: 10px; font-size: 11px; font-weight: 500; }
.rs-badge-danger { background: #f8d7da; color: #721c24; }
.rs-badge-registration { background: #cce5ff; color: #004085; }
.rs-badge-subscription { background: #d4edda; color: #155724; }
.rs-badge-order { background: #fff3cd; color: #856404; }

/* Form Grid */
.rs-form-grid { display: grid; grid-template-columns: 1fr 320px; gap: 20px; }
.rs-form-main { min-width: 0; }
.rs-form-sidebar { }

/* Publish Box */
.rs-publish-box .rs-field { margin-bottom: 12px; }
.rs-publish-box .rs-field label { display: block; font-weight: 500; margin-bottom: 4px; font-size: 13px; }
.rs-publish-box select, .rs-publish-box input { width: 100%; }
.rs-select-full { width: 100%; }

/* Tiers Table */
.rs-tiers-table input { width: 100% !important; }
.rs-tier-row td { padding: 4px 8px; }
.rs-remove-tier { color: #a00 !important; cursor: pointer; }

/* Inline Form */
.rs-inline-form { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; padding: 12px; background: #f8f9fa; border-radius: 6px; }
.rs-inline-form input { margin: 0; }

/* Gallery */
.rs-gallery-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-bottom: 8px; }
.rs-gallery-item { position: relative; border-radius: 4px; overflow: hidden; }
.rs-gallery-item img { width: 100%; height: 80px; object-fit: cover; }
.rs-gallery-remove { position: absolute; top: 2px; right: 2px; background: rgba(0,0,0,0.6); color: #fff; border: none; border-radius: 50%; width: 20px; height: 20px; cursor: pointer; line-height: 1; }

/* Settings Tabs */
.rs-settings-tabs .nav-tab-wrapper { margin-bottom: 0; }
.rs-tab-content { display: none; padding-top: 20px; }
.rs-tab-content.rs-tab-active { display: block; }

/* Empty State */
.rs-empty-state { text-align: center; padding: 20px; color: #888; }

/* Delete Button */
.rs-delete-btn { color: #a00 !important; }
.rs-delete-btn:hover { color: #dc3232 !important; }

/* Text helpers */
.rs-text-danger { color: #dc3232; }

/* Responsive */
@media (max-width: 960px) {
    .rs-form-grid { grid-template-columns: 1fr; }
    .rs-dashboard-grid { grid-template-columns: 1fr; }
    .rs-dashboard-stats { grid-template-columns: repeat(2, 1fr); }
}

/* Docs */
.rs-docs-content h3 { font-size: 14px; margin: 16px 0 8px; }
.rs-docs-content p, .rs-docs-content li { font-size: 13px; line-height: 1.6; }
.rs-docs-content ul, .rs-docs-content ol { margin-left: 20px; }
.rs-docs-content code { background: #f0f0f1; padding: 2px 6px; border-radius: 3px; }

/* Order status select */
.rs-order-status-select { min-width: 120px; }