/* ═══════════════════════════════════════════════════════════════
   Network v2 Intelligence Override — network-v2.css
   /v2/network/salesexpert
   ═══════════════════════════════════════════════════════════════ */

/* ── Layout ── */
.al2-network-layout{display:flex;min-height:calc(100vh - 80px)}
.al2-network-layout>.al2-sidebar{width:220px;min-width:220px;border-right:1px solid #e5e7eb;background:#fff;padding:16px 0;position:sticky;top:80px;height:calc(100vh - 80px);overflow-y:auto;flex-shrink:0}
.al2-network-layout>.al2-main{flex:1;min-width:0;padding:0 28px 40px;background:#f9fafb;overflow-x:hidden}
@media(max-width:900px){
  .al2-network-layout{flex-direction:column}
  .al2-network-layout>.al2-sidebar{width:100%;min-width:0;height:auto;position:static;border-right:none;border-bottom:1px solid #e5e7eb;padding:8px 0;display:flex;overflow-x:auto}
  .al2-network-layout>.al2-sidebar .al2-sb-section-label{display:none}
  .al2-network-layout>.al2-sidebar .al2-sb-item{white-space:nowrap;padding:6px 14px}
  .al2-network-layout>.al2-main{padding:0 16px 32px}
}

/* ── Hero → v2 Page Header ── */
.al2-app .sales-hero{
  background:#fff!important;background-image:none!important;
  border-radius:0!important;margin:0 -28px!important;padding:20px 28px 16px!important;
  border-bottom:1px solid #e5e7eb!important;
  display:flex!important;align-items:center!important;
  box-shadow:none!important;min-height:auto!important;
}
.al2-app .sales-hero::before,.al2-app .sales-hero::after{display:none!important}
.al2-app .sales-hero-inner{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;gap:16px!important;max-width:100%!important;padding:0!important}
.al2-app .sales-hero-text h1{
  font-size:1.25rem!important;font-weight:800!important;color:#111827!important;
  background:none!important;-webkit-text-fill-color:#111827!important;
  margin:0 0 4px!important;text-shadow:none!important;
}
.al2-app .sales-hero-text p{color:#6b7280!important;font-size:.82rem!important;margin:0!important;text-shadow:none!important}
.al2-app .sales-hero-text p strong{color:#6c3ae0!important}
.al2-app .sales-alert-badge{
  background:#f3eeff!important;border:1px solid #6c3ae0!important;
  border-radius:8px!important;padding:8px 14px!important;
  font-size:.75rem!important;color:#6c3ae0!important;font-weight:600!important;
  text-decoration:none!important;display:inline-flex!important;align-items:center!important;gap:6px!important;
}

/* ── Page container ── */
.al2-app .sales-page{max-width:100%!important;margin:0!important;padding:0!important;background:transparent!important}

/* ── Filter Section ── */
.al2-app .sales-filter-section{background:transparent!important;padding:14px 0!important;border:none!important;box-shadow:none!important}
.al2-app .sales-container{max-width:100%!important;padding:0!important}
.al2-app .sales-filter-bar{
  background:#fff!important;border:1px solid #e5e7eb!important;border-radius:12px!important;
  padding:14px 16px!important;display:flex!important;gap:12px!important;align-items:flex-end!important;
  box-shadow:none!important;
}
.al2-app .sales-search{
  background:#f9fafb!important;border:1px solid #e5e7eb!important;border-radius:8px!important;
  flex:1!important;box-shadow:none!important;
}
.al2-app .sales-search input{font-size:.75rem!important;color:#374151!important}
.al2-app .sales-filters{display:flex!important;gap:8px!important;flex-shrink:0!important}
.al2-app .sales-filter label{font-size:.62rem!important;font-weight:600!important;color:#9ca3af!important;text-transform:uppercase!important;letter-spacing:.3px!important}
.al2-app .sales-filter select{
  border:1px solid #e5e7eb!important;border-radius:6px!important;
  font-size:.72rem!important;color:#374151!important;background:#fff!important;
  padding:6px 10px!important;
}

/* ── Popular Tags ── */
.al2-app .popular-tags-bar{padding:8px 0!important;margin:0!important;background:transparent!important}
.al2-app .popular-tags-label{font-size:.68rem!important;font-weight:600!important;color:#9ca3af!important}
.al2-app .popular-tag-chip{
  background:#fff!important;border:1px solid #e5e7eb!important;border-radius:100px!important;
  padding:3px 10px!important;font-size:.68rem!important;color:#4b5563!important;
}
.al2-app .popular-tag-chip:hover,.al2-app .popular-tag-chip.active{
  background:#f3eeff!important;border-color:#6c3ae0!important;color:#6c3ae0!important;
}

/* ── Result Bar ── */
.al2-app .sales-result-bar{padding:8px 0!important;border:none!important}
.al2-app .sales-result-count{font-size:.78rem!important;color:#6b7280!important}
.al2-app .sales-result-count strong{font-family:'JetBrains Mono',monospace!important;font-weight:700!important;color:#1f2937!important}
.al2-app .view-mode-btn{
  border:1px solid #e5e7eb!important;border-radius:6px!important;
  background:#fff!important;color:#9ca3af!important;box-shadow:none!important;
}
.al2-app .view-mode-btn.active{background:#f3eeff!important;color:#6c3ae0!important;border-color:#6c3ae0!important}

/* ── Main Grid (cards + sidebar) ── */
.al2-app .sales-main-section{padding:0!important;background:transparent!important}
.al2-app .sales-main-grid{gap:16px!important;max-width:100%!important;padding:0!important}

/* ── Cards ── */
.al2-app .sales-card{
  background:#fff!important;border:1px solid #e5e7eb!important;border-radius:10px!important;
  box-shadow:none!important;transition:all .15s!important;
}
.al2-app .sales-card:hover{border-color:#d1d5db!important;box-shadow:0 2px 8px rgba(0,0,0,.04)!important}
.al2-app .sales-card-header{border-bottom:none!important}
.al2-app .sales-card-avatar{
  border:2px solid #e5e7eb!important;background:linear-gradient(135deg,#f3eeff,#e5e7eb)!important;
  color:#6c3ae0!important;font-weight:700!important;
}
.al2-app .sales-card-avatar.verified{border-color:#6c3ae0!important}
.al2-app .sales-card-name{font-size:.82rem!important;font-weight:700!important;color:#1f2937!important}
.al2-app .sales-card-detail{font-size:.68rem!important;color:#9ca3af!important}

/* Badges */
.al2-app .sales-badge{
  font-size:.6rem!important;font-weight:600!important;padding:2px 7px!important;
  border-radius:4px!important;border:none!important;
}
.al2-app .sales-badge.verified{background:#ecfdf5!important;color:#059669!important}
.al2-app .sales-badge.procurement{background:#eff6ff!important;color:#2563eb!important}
.al2-app .sales-badge.promo{background:#f3eeff!important;color:#6c3ae0!important}

/* Stats */
.al2-app .sales-card-stats{border-top:1px solid #f3f4f6!important;border-bottom:none!important;padding:8px 0!important}
.al2-app .sales-stat-value{font-family:'JetBrains Mono',monospace!important;font-size:.82rem!important;font-weight:700!important;color:#1f2937!important}
.al2-app .sales-stat-label{font-size:.6rem!important;color:#9ca3af!important}

/* Action buttons */
.al2-app .sales-card-actions{border-top:1px solid #f3f4f6!important;padding:10px 14px!important}
.al2-app .sales-card-btn.primary{
  background:#6c3ae0!important;border-color:#6c3ae0!important;border-radius:8px!important;
  font-size:.72rem!important;color:#fff!important;box-shadow:none!important;
}
.al2-app .sales-card-btn.primary:hover{background:#5b2ec7!important}
.al2-app .sales-card-btn.secondary{
  border:1px solid #e5e7eb!important;border-radius:8px!important;
  background:#fff!important;color:#4b5563!important;font-size:.72rem!important;
}
.al2-app .sales-card-btn.icon-btn{border:1px solid #e5e7eb!important;border-radius:8px!important;color:#9ca3af!important}

/* Tags */
.al2-app .sales-keyword-tag{
  font-size:.62rem!important;padding:2px 7px!important;background:#f3f4f6!important;
  color:#6b7280!important;border-radius:4px!important;border:none!important;
}
.al2-app .sales-keyword-tag:hover{background:#f3eeff!important;color:#6c3ae0!important}

/* ── Sidebar ── */
.al2-app .sales-sidebar{width:300px!important;flex-shrink:0!important}
.al2-app .sales-sidebar-card{
  background:#fff!important;border:1px solid #e5e7eb!important;border-radius:12px!important;
  box-shadow:none!important;margin-bottom:12px!important;overflow:hidden!important;
}
.al2-app .sales-sidebar-header{padding:14px 16px 8px!important;border:none!important}
.al2-app .sales-sidebar-header h3{font-size:.82rem!important;font-weight:700!important;color:#1f2937!important}
.al2-app .sales-sidebar-sub{font-size:.65rem!important;color:#9ca3af!important}
.al2-app .sales-sidebar-link{
  display:block!important;padding:10px 16px!important;
  font-size:.72rem!important;font-weight:600!important;color:#6c3ae0!important;
  border-top:1px solid #f3f4f6!important;text-align:center!important;text-decoration:none!important;
}
.al2-app .sales-sidebar-link:hover{background:#f9fafb!important}

/* TOP list */
.al2-app .sales-top-item{
  display:flex!important;align-items:center!important;gap:8px!important;
  padding:8px 16px!important;border-bottom:1px solid #f3f4f6!important;
}
.al2-app .sales-top-item:last-child{border-bottom:none!important}
.al2-app .sales-top-medal{font-size:.72rem!important;width:20px!important;text-align:center!important}
.al2-app .sales-top-name{font-size:.75rem!important;font-weight:600!important;color:#1f2937!important}
.al2-app .sales-top-detail{font-size:.62rem!important;color:#9ca3af!important}
.al2-app .sales-top-count{font-family:'JetBrains Mono',monospace!important;font-size:.72rem!important;font-weight:700!important;color:#6c3ae0!important;margin-left:auto!important}

/* Distribution bars */
.al2-app .sales-dist-item{
  display:flex!important;align-items:center!important;gap:8px!important;
  padding:6px 16px!important;cursor:pointer!important;
}
.al2-app .sales-dist-label{font-size:.68rem!important;font-weight:600!important;color:#4b5563!important;width:70px!important;flex-shrink:0!important}
.al2-app .sales-dist-bar{flex:1!important;height:6px!important;background:#f3f4f6!important;border-radius:100px!important;overflow:hidden!important}
.al2-app .sales-dist-bar-fill{height:100%!important;border-radius:100px!important;background:#6c3ae0!important;opacity:.5!important;transition:width .6s!important}
.al2-app .sales-dist-count{font-family:'JetBrains Mono',monospace!important;font-size:.68rem!important;font-weight:700!important;color:#6b7280!important;width:32px!important;text-align:right!important}

/* Tips card */
.al2-app .sales-tips-card{padding:14px 16px!important}
.al2-app .sales-tips-card h4{font-size:.78rem!important;font-weight:700!important;color:#1f2937!important;margin:0 0 8px!important}
.al2-app .sales-tips-list{list-style:none!important;padding:0!important;margin:0!important}
.al2-app .sales-tips-list li{font-size:.72rem!important;color:#6b7280!important;padding:3px 0!important;display:flex!important;align-items:center!important;gap:6px!important}
.al2-app .sales-tips-list li i{color:#6c3ae0!important;font-size:.6rem!important}

/* Login prompt */
.al2-app .sales-login-prompt{text-align:center!important;padding:20px 16px!important}
.al2-app .sales-login-prompt h4{font-size:.82rem!important;font-weight:700!important;color:#1f2937!important}
.al2-app .sales-login-prompt p{font-size:.72rem!important;color:#9ca3af!important}
.al2-app .sales-login-btn{
  display:inline-block!important;padding:8px 18px!important;
  background:#6c3ae0!important;color:#fff!important;border-radius:8px!important;
  font-size:.75rem!important;font-weight:600!important;text-decoration:none!important;
  margin-top:10px!important;
}

/* ── Modals ── */
.al2-app .sales-modal-content{border-radius:12px!important;border:1px solid #e5e7eb!important;box-shadow:0 16px 48px rgba(0,0,0,.12)!important}
.al2-app .sales-modal-header{border-bottom:1px solid #e5e7eb!important}
.al2-app .sales-modal-header h3{font-size:.92rem!important;font-weight:700!important;color:#1f2937!important}
.al2-app .sales-modal-footer{border-top:1px solid #e5e7eb!important}
.al2-app .sales-modal-btn.primary{background:#6c3ae0!important;border-color:#6c3ae0!important;border-radius:8px!important;color:#fff!important}
.al2-app .sales-modal-btn.secondary{border-color:#e5e7eb!important;color:#4b5563!important;border-radius:8px!important}

/* ── Empty state ── */
.al2-app .sales-empty{background:#fff!important;border:1px solid #e5e7eb!important;border-radius:12px!important;box-shadow:none!important}
.al2-app .sales-empty h3{font-size:.88rem!important;font-weight:700!important;color:#374151!important}
.al2-app .sales-load-more-btn{
  border:1px solid #e5e7eb!important;border-radius:8px!important;
  background:#fff!important;color:#4b5563!important;font-size:.75rem!important;
  font-weight:600!important;box-shadow:none!important;
}
.al2-app .sales-load-more-btn:hover{border-color:#6c3ae0!important;color:#6c3ae0!important}

/* ── Skeleton ── */
.al2-app .sales-card-skeleton,.al2-app .sales-sidebar-skeleton{
  background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%)!important;
  background-size:400px 100%!important;animation:al2-shimmer 1.5s ease-in-out infinite!important;
  border-radius:10px!important;min-height:60px!important;
}
@keyframes al2-shimmer{0%{background-position:-400px 0}100%{background-position:400px 0}}

/* ── Toast ── */
.al2-app .sales-toast{border-radius:8px!important;font-size:.78rem!important}

/* ── Grade badges ── */
.al2-app .sales-badge[class*="grade-"]{font-size:.58rem!important;padding:2px 6px!important;border-radius:4px!important}