/* ============================================
   АДМИН-ПАНЕЛЬ
   ============================================ */

.admin-section {
  padding: 38px 0;
  padding-bottom: calc(var(--header-height) + var(--space-2xl));
  min-height: 100vh; min-height: 100dvh;
  display: none;
}
.admin-section.active { display: block; animation: fadeIn 0.3s ease; }

/* Login */
.admin-login {
  display: flex; flex-direction: column; align-items: center;
  justify-content: center; min-height: 60vh; padding: var(--space-xl);
}
.admin-login-card {
  width: 100%; max-width: 360px; background: var(--color-bg-card);
  border: 1px solid var(--color-border); border-radius: 0;
  padding: var(--space-xl); text-align: center;
}
.admin-login-icon { font-size: 48px; margin-bottom: var(--space-base); }
.admin-login-title { font-size: var(--font-size-xl); font-weight: var(--font-weight-bold); margin-bottom: var(--space-xs); }
.admin-login-subtitle { font-size: var(--font-size-sm); color: var(--color-text-tertiary); margin-bottom: var(--space-xl); }
.admin-login-error { font-size: var(--font-size-sm); color: var(--color-danger); margin-top: var(--space-sm); display: none; }
.admin-login-error.visible { display: block; animation: fadeInUp 0.3s ease; }

/* ── Header ── */
.admin-header {
  display: flex; align-items: center; justify-content: space-between;
  margin-bottom: var(--space-lg); gap: var(--space-sm);
}
.admin-title { font-size: var(--font-size-xl); font-weight: var(--font-weight-bold); }
.admin-role-badge {
  font-size: var(--font-size-xs); padding: 4px 10px;
  background: var(--color-accent-subtle); color: var(--color-accent);
  border-radius: 0; font-weight: var(--font-weight-medium);
}
.admin-actions { display: flex; gap: var(--space-sm); margin-left: auto; }

/* ── Tabs ── */
.admin-tabs {
  display: flex; gap: 4px; margin-bottom: var(--space-xl);
  background: var(--color-bg-card); border-radius: 0;
  padding: 4px; border: 1px solid var(--color-border);
}
.admin-tab {
  flex: 1; padding: var(--space-sm) var(--space-base);
  text-align: center; border-radius: 0;
  font-size: var(--font-size-sm); font-weight: var(--font-weight-medium);
  color: var(--color-text-secondary); cursor: pointer;
  transition: all var(--transition-base); border: none; background: none;
}
.admin-tab.active {
  background: #171820; color: white;
  font-weight: var(--font-weight-semibold);
}
.admin-tab:hover:not(.active) { color: var(--color-text-primary); }

.tab-content { display: none; }
.tab-content.active { display: block; animation: fadeIn 0.3s ease; }

/* ══════════════════════════════════════
   ⚡ БЫСТРАЯ ПРОДАЖА
   ══════════════════════════════════════ */
.sale-search-wrapper { margin-bottom: var(--space-lg); }

.sale-search-item {
  display: flex; align-items: center; gap: var(--space-base);
  padding: var(--space-base); background: var(--color-bg-card);
  border: 1px solid var(--color-border); border-radius: 0;
  margin-bottom: var(--space-sm); cursor: pointer;
  transition: all var(--transition-base);
}
.sale-search-item:hover { border-color: var(--color-accent); background: var(--color-bg-card-hover); }
.sale-search-sku {
  font-size: var(--font-size-sm); font-weight: var(--font-weight-bold);
  color: var(--color-accent); min-width: 60px;
}
.sale-search-name { flex: 1; font-size: var(--font-size-sm); }
.sale-search-stock { font-size: var(--font-size-xs); color: var(--color-text-tertiary); }

/* Sale card */
.sale-card {
  background: var(--color-bg-card); border: 1px solid var(--color-border);
  border-radius: 0; padding: var(--space-lg);
  animation: fadeInUp 0.3s ease;
}
.sale-card-header {
  display: flex; justify-content: space-between; align-items: center;
  margin-bottom: var(--space-sm);
}
.sale-card-sku {
  font-size: var(--font-size-lg); font-weight: var(--font-weight-bold);
  color: var(--color-accent);
}
.sale-card-stock {
  font-size: var(--font-size-sm); color: var(--color-text-tertiary);
  background: var(--color-bg-secondary); padding: 4px 10px;
  border-radius: 0;
}
.sale-card-name {
  font-size: var(--font-size-xl); font-weight: var(--font-weight-bold);
  margin-bottom: 4px;
}
.sale-card-sub {
  font-size: var(--font-size-sm); color: var(--color-text-secondary);
  margin-bottom: var(--space-lg);
}
.sale-card-label {
  font-size: var(--font-size-xs); color: var(--color-text-tertiary);
  text-transform: uppercase; letter-spacing: var(--letter-spacing-wide);
  margin-bottom: var(--space-sm); font-weight: var(--font-weight-medium);
}

.sale-sizes {
  display: flex; flex-wrap: wrap; gap: var(--space-sm);
  margin-bottom: var(--space-xl);
}
.sale-size-btn {
  display: flex; flex-direction: column; align-items: center;
  padding: var(--space-sm) var(--space-base); min-width: 56px;
  background: var(--color-bg-secondary); border: 2px solid var(--color-border);
  border-radius: 0; cursor: pointer;
  transition: all var(--transition-fast); color: var(--color-text-primary);
}
.sale-size-btn:hover:not(.disabled) { border-color: var(--color-accent); }
.sale-size-btn.selected {
  border-color: var(--color-accent); background: var(--color-accent);
  color: white;
}
.sale-size-btn.disabled {
  opacity: 0.3; cursor: not-allowed;
  text-decoration: line-through;
}
.sale-size-num { font-size: var(--font-size-md); font-weight: var(--font-weight-bold); }
.sale-size-qty { font-size: 10px; color: var(--color-text-tertiary); margin-top: 2px; }
.sale-size-btn.selected .sale-size-qty { color: rgba(255,255,255,0.7); }

.sale-confirm-btn { margin-top: var(--space-sm); }
.sale-confirm-btn:disabled { opacity: 0.5; cursor: not-allowed; }

/* Quick stats bar */
.sale-quick-stats { margin-bottom: var(--space-base); }
.sale-quick-stats-row {
  display: flex; gap: var(--space-base);
  background: var(--color-bg-card); border: 1px solid var(--color-border);
  border-radius: 0; padding: var(--space-base) var(--space-lg);
  animation: fadeIn 0.3s ease;
}
.sale-quick-stat {
  display: flex; flex-direction: column; gap: 2px; flex: 1; text-align: center;
}
.sale-quick-stat-value {
  font-size: var(--font-size-lg); font-weight: var(--font-weight-bold); color: var(--color-accent);
}
.sale-quick-stat-label { font-size: var(--font-size-xs); color: var(--color-text-tertiary); }

/* Low-stock size button */
.sale-size-btn.low-stock {
  border-color: var(--color-warning, #f59e0b);
  color: var(--color-warning, #f59e0b);
  background: rgba(245, 158, 11, 0.05);
}
.sale-size-btn.low-stock .sale-size-qty { color: var(--color-warning, #f59e0b); }
.sale-size-btn.low-stock.selected {
  background: var(--color-warning, #f59e0b);
  color: white;
  border-color: var(--color-warning, #f59e0b);
}
.sale-size-btn.low-stock.selected .sale-size-qty { color: rgba(255,255,255,0.8); }

/* ══════════════════════════════════════
   📊 ИСТОРИЯ ПРОДАЖ
   ══════════════════════════════════════ */
.history-stats-row {
  display: grid; grid-template-columns: 1fr 1fr;
  gap: var(--space-base); margin-bottom: var(--space-xl);
}
.history-stat-card {
  background: var(--color-bg-card); border: 1px solid var(--color-border);
  border-radius: 0; padding: var(--space-base); text-align: center;
}
.history-stat-value {
  font-size: var(--font-size-xl); font-weight: var(--font-weight-bold);
  color: var(--color-accent);
}
.history-stat-label { font-size: var(--font-size-xs); color: var(--color-text-tertiary); margin-top: 2px; }

.history-filters { margin-bottom: var(--space-lg); display: flex; gap: var(--space-sm); }

.history-item {
  display: flex; align-items: center; gap: var(--space-base);
  padding: var(--space-base); background: var(--color-bg-card);
  border: 1px solid var(--color-border); border-radius: 0;
  margin-bottom: var(--space-sm); transition: all var(--transition-base);
}
.history-item.sale-returned { opacity: 0.5; }
.history-item-time {
  font-size: var(--font-size-xs); color: var(--color-text-tertiary);
  text-align: center; min-width: 50px; line-height: 1.3;
}
.history-item-info { flex: 1; min-width: 0; }
.history-item-name {
  font-size: var(--font-size-sm); font-weight: var(--font-weight-semibold);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.history-item-meta { font-size: var(--font-size-xs); color: var(--color-text-tertiary); margin-top: 2px; }
.history-item-right { text-align: right; flex-shrink: 0; }
.history-item-price { font-size: var(--font-size-sm); font-weight: var(--font-weight-bold); color: var(--color-accent); }
.sale-return-btn { margin-top: 4px; font-size: 11px !important; padding: 2px 8px !important; }
.sale-returned-badge {
  font-size: 11px; color: var(--color-text-tertiary);
  display: inline-block; margin-top: 4px;
}

.activity-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-base);
  margin-bottom: var(--space-base);
}

.activity-note {
  font-size: var(--font-size-xs);
  color: var(--color-text-tertiary);
  text-align: right;
}

.activity-item {
  display: flex;
  align-items: center;
  gap: var(--space-base);
  padding: var(--space-base);
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: 0;
  margin-bottom: var(--space-sm);
}

.activity-role {
  flex-shrink: 0;
  font-size: var(--font-size-xs);
  color: var(--color-accent);
  background: var(--color-accent-subtle);
  padding: 4px 8px;
  border-radius: 0;
  font-weight: var(--font-weight-semibold);
}

/* ══════════════════════════════════════
   📦 ТОВАРЫ
   ══════════════════════════════════════ */
.admin-products-header {
  display: flex; align-items: center; justify-content: space-between;
  margin-bottom: var(--space-base);
}
.admin-products-title { font-size: var(--font-size-lg); font-weight: var(--font-weight-semibold); }

.admin-product-item {
  display: flex; align-items: center; gap: var(--space-base);
  padding: var(--space-base); background: var(--color-bg-card);
  border: 1px solid var(--color-border); border-radius: 0;
  margin-bottom: var(--space-sm); transition: all var(--transition-base);
}
.admin-product-item:hover { border-color: var(--color-border-hover); }
.admin-product-item.out-of-stock { opacity: 0.4; }
.admin-product-item.low-stock { border-left: 3px solid var(--color-warning); }

.admin-product-thumb {
  width: 48px; height: 48px; border-radius: 0;
  background: var(--color-bg-secondary); overflow: hidden; flex-shrink: 0;
  display: flex; align-items: center; justify-content: center;
  font-size: 20px; color: var(--color-text-tertiary);
}
.admin-product-thumb img { width: 100%; height: 100%; object-fit: cover; }

.admin-product-info { flex: 1; min-width: 0; }
.admin-product-name {
  font-size: var(--font-size-sm); font-weight: var(--font-weight-semibold);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.admin-product-meta { font-size: var(--font-size-xs); color: var(--color-text-tertiary); margin-top: 2px; }
.admin-product-actions { display: flex; gap: var(--space-xs); flex-shrink: 0; }

/* Form */
.form-group { margin-bottom: var(--space-lg); }
.form-label {
  display: block; font-size: var(--font-size-sm); font-weight: var(--font-weight-medium);
  color: var(--color-text-secondary); margin-bottom: var(--space-sm);
  text-transform: uppercase; letter-spacing: var(--letter-spacing-wide);
}
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-base); }

.form-select {
  width: 100%; padding: var(--space-md) var(--space-base);
  background: var(--color-bg-input); border: 1.5px solid var(--color-border);
  border-radius: 0; color: var(--color-text-primary);
  font-size: var(--font-size-base); appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235A5A5E' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 12px center;
  transition: all var(--transition-base);
}
.form-select:focus { border-color: var(--color-accent); box-shadow: 0 0 0 3px var(--color-accent-glow); }

/* Size + stock checkboxes */
.size-stock-grid { display: flex; flex-wrap: wrap; gap: var(--space-sm); }
.size-stock-item {
  display: flex; align-items: center; gap: 4px;
}
.size-stock-item label {
  display: flex; align-items: center; justify-content: center;
  min-width: 40px; height: 36px; padding: 0 var(--space-sm);
  background: var(--color-bg-input); border: 1.5px solid var(--color-border);
  border-radius: 0; font-size: var(--font-size-sm);
  color: var(--color-text-secondary); cursor: pointer;
  transition: all var(--transition-fast); user-select: none;
}
.size-stock-item input[type="checkbox"] { display: none; }
.size-stock-item input[type="checkbox"]:checked + label {
  background: var(--color-accent); border-color: var(--color-accent);
  color: white; font-weight: var(--font-weight-semibold);
}
.size-stock-item input[type="number"] {
  width: 48px; height: 36px; padding: 0 4px;
  background: var(--color-bg-input); border: 1.5px solid var(--color-border);
  border-radius: 0; color: var(--color-accent);
  font-size: var(--font-size-sm); text-align: center;
  font-weight: var(--font-weight-bold);
}
.size-stock-item input[type="number"]:focus {
  border-color: var(--color-accent);
}

/* Photo upload */
.photo-upload-area {
  border: 2px dashed var(--color-border); border-radius: 0;
  padding: var(--space-xl); text-align: center; cursor: pointer;
  transition: all var(--transition-base);
}
.photo-upload-area:hover { border-color: var(--color-accent); background: var(--color-accent-subtle); }
.photo-upload-icon { font-size: 32px; margin-bottom: var(--space-sm); }
.photo-upload-text { font-size: var(--font-size-sm); color: var(--color-text-secondary); }
.photo-upload-hint { font-size: var(--font-size-xs); color: var(--color-text-tertiary); margin-top: var(--space-xs); }

.photo-previews { display: flex; gap: var(--space-sm); margin-top: var(--space-base); flex-wrap: wrap; }
.photo-preview {
  width: 72px; height: 72px; border-radius: 0;
  overflow: hidden; position: relative; background: var(--color-bg-secondary);
}
.photo-preview img { width: 100%; height: 100%; object-fit: cover; }
.photo-preview-remove {
  position: absolute; top: 4px; right: 4px; width: 20px; height: 20px;
  background: var(--color-danger); border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: 12px; color: white; cursor: pointer; border: none;
}

/* Tools */
.admin-tools {
  display: flex; gap: var(--space-sm); margin-top: var(--space-xl);
  padding-top: var(--space-xl); border-top: 1px solid var(--color-border);
}

/* Boss modal */
.boss-modal-content {
  text-align: center; padding: var(--space-xl);
}
.boss-modal-content .admin-login-icon { margin-bottom: var(--space-base); }
.boss-modal-content h3 { margin-bottom: var(--space-sm); }
.boss-modal-content p {
  font-size: var(--font-size-sm); color: var(--color-text-secondary);
  margin-bottom: var(--space-lg);
}