/* ============================================
   KK通告 - 商户端专属样式 (Merchant)
   ============================================ */

/* Merchant color overrides */
.merchant-portal {
  --kk-accent: #10b981;
  --kk-accent-light: #34d399;
  --kk-sidebar-bg: linear-gradient(180deg, #0f2922 0%, #0a1f17 100%);
}

/* Merchant sidebar override */
.merchant-portal .navbar.navbar-vertical {
  background: linear-gradient(180deg, #0f2922 0%, #0a1f17 100%) !important;
}

/* Merchant login specific */
.merchant-login-page {
  background: linear-gradient(135deg, #064e3b 0%, #065f46 50%, #10b981 100%) !important;
}

.merchant-login-page::before {
  background:
    radial-gradient(circle at 30% 70%, rgba(16, 185, 129, 0.15) 0%, transparent 50%),
    radial-gradient(circle at 70% 30%, rgba(52, 211, 153, 0.1) 0%, transparent 50%) !important;
}

/* Merchant brand icon */
.merchant-portal .kk-brand-icon {
  background: linear-gradient(135deg, #10b981, #34d399);
}

/* Merchant header accent */
.merchant-portal .page-header {
  border-bottom: 2px solid transparent;
  border-image: linear-gradient(90deg, #10b981, transparent) 1;
}

/* Merchant active sidebar indicator */
.merchant-portal .nav-item.active > .nav-link::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
  height: 60%;
  background: linear-gradient(180deg, #10b981, #34d399);
  border-radius: 0 3px 3px 0;
}

.merchant-portal .nav-item.active > .nav-link {
  position: relative;
}

/* Merchant page title icon */
.merchant-portal .page-title::before {
  content: '';
  display: inline-block;
  width: 4px;
  height: 1.2em;
  background: linear-gradient(180deg, #10b981, #34d399);
  border-radius: 2px;
  margin-right: 0.5rem;
  vertical-align: middle;
}

/* Merchant primary button override -> green */
.merchant-portal .btn-primary {
  background: linear-gradient(135deg, #10b981, #059669) !important;
  box-shadow: 0 2px 8px rgba(16, 185, 129, 0.25);
}
.merchant-portal .btn-primary:hover {
  background: linear-gradient(135deg, #059669, #047857) !important;
  box-shadow: 0 4px 14px rgba(16, 185, 129, 0.35);
}

/* Merchant pagination active */
.merchant-portal .page-item.active .page-link {
  background: #10b981 !important;
  box-shadow: 0 2px 8px rgba(16, 185, 129, 0.3);
}

/* Merchant form focus */
.merchant-portal .form-control:focus,
.merchant-portal .form-select:focus {
  border-color: var(--kk-accent-light);
  box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.1);
}

/* Merchant outline primary -> green */
.merchant-portal .btn-outline-primary {
  border-color: #10b981 !important;
  color: #10b981 !important;
}
.merchant-portal .btn-outline-primary:hover {
  background: #10b981 !important;
  color: #fff !important;
}