/*
 * Qbon dashboard UI polish — visual-only layer.
 * Scope: .pc-dashboard-redesign only. No layout logic, forms, AJAX, REST or DB changes.
 */
.pc-dashboard-redesign{
  --pc-green:#16a34a;
  --pc-green-dark:#15803d;
  --pc-green-soft:#ecfdf3;
  --pc-green-line:#bbf7d0;
  --pc-ink:#111827;
  --pc-muted:#667085;
  --pc-surface:#ffffff;
  --pc-border:#e5e7eb;
  --pc-page:#f8fafc;
  background:#f8fafc!important;
  color:var(--pc-ink)!important;
}
.pc-dashboard-redesign .pc-main{
  padding:26px 42px 44px!important;
}
.pc-dashboard-redesign .pc-sidebar{
  width:auto!important;
  padding:28px 18px!important;
  background:#fff!important;
  border-right:1px solid #e5e7eb!important;
  box-shadow:none!important;
}
.pc-dashboard-redesign .pc-brand-app{
  margin-bottom:30px!important;
}
.pc-dashboard-redesign .pc-brand-app strong{
  color:#111827!important;
  font-size:28px!important;
  letter-spacing:-.04em!important;
}
.pc-dashboard-redesign .pc-brand-app small{
  color:#667085!important;
  font-size:12px!important;
  font-weight:700!important;
}
.pc-dashboard-redesign .pc-qmark{
  width:40px!important;
  height:40px!important;
  border-width:8px!important;
  border-color:#202326!important;
}
.pc-dashboard-redesign .pc-qmark:after{
  background:var(--pc-green)!important;
}
.pc-dashboard-redesign .pc-nav-grouped{
  gap:22px!important;
}
.pc-dashboard-redesign .pc-nav-group-title{
  padding:0 8px!important;
  margin-bottom:8px!important;
  color:#98a2b3!important;
  font-size:11px!important;
  letter-spacing:.095em!important;
}
.pc-dashboard-redesign .pc-nav a,
.pc-dashboard-redesign .pc-nav-logout{
  min-height:42px!important;
  padding:10px 12px!important;
  border-radius:12px!important;
  color:#344054!important;
  font-weight:760!important;
  transition:background .16s ease,color .16s ease,border-color .16s ease!important;
}
.pc-dashboard-redesign .pc-nav a:before,
.pc-dashboard-redesign .pc-nav-logout:before{
  display:none!important;
}
.pc-dashboard-redesign .pc-nav a.active{
  background:var(--pc-green-soft)!important;
  color:#14532d!important;
  box-shadow:inset 3px 0 0 var(--pc-green)!important;
}
.pc-dashboard-redesign .pc-nav a:hover{
  background:#f0fdf4!important;
  color:#166534!important;
}
.pc-dashboard-redesign .pc-nav-icon{
  width:28px!important;
  height:28px!important;
  flex-basis:28px!important;
  border-radius:9px!important;
  background:#f3f6f9!important;
  color:#667085!important;
  font-size:14px!important;
}
.pc-dashboard-redesign .pc-nav a.active .pc-nav-icon,
.pc-dashboard-redesign .pc-nav a:hover .pc-nav-icon{
  background:#dcfce7!important;
  color:var(--pc-green)!important;
}
.pc-dashboard-redesign .pc-nav-label{
  font-size:14px!important;
  font-weight:760!important;
}
.pc-dashboard-redesign .pc-topbar-redesign{
  background:#fff!important;
  border:1px solid #e5e7eb!important;
  border-radius:20px!important;
  padding:20px 22px!important;
  margin:0 0 28px!important;
  box-shadow:0 14px 34px rgba(15,23,42,.04)!important;
}
.pc-dashboard-redesign .pc-topbar-kicker{
  color:#667085!important;
  font-size:12px!important;
  text-transform:none!important;
  letter-spacing:0!important;
}
.pc-dashboard-redesign .pc-topbar-left strong{
  font-size:19px!important;
  color:#111827!important;
}
.pc-dashboard-redesign .pc-notify-btn{
  height:44px!important;
  border-radius:14px!important;
  box-shadow:none!important;
  border-color:#e5e7eb!important;
}
.pc-dashboard-redesign .pc-notify-btn b,
.pc-dashboard-redesign .pc-nav-count{
  background:var(--pc-green)!important;
}
.pc-dashboard-redesign .pc-account-chip>span{
  width:42px!important;
  height:42px!important;
  background:#202326!important;
}
.pc-dashboard-redesign h1{
  font-size:32px!important;
  line-height:1.12!important;
  letter-spacing:-.035em!important;
  margin-bottom:8px!important;
}
.pc-dashboard-redesign .pc-overview-title{
  margin-bottom:16px!important;
}
.pc-dashboard-redesign .pc-overview-title p{
  color:#667085!important;
  font-size:15px!important;
}
.pc-dashboard-redesign .pc-btn,
.pc-dashboard-redesign button.pc-btn,
.pc-dashboard-redesign a.pc-btn{
  min-height:42px!important;
  border-radius:11px!important;
  padding:10px 18px!important;
  background:var(--pc-green)!important;
  color:#fff!important;
  box-shadow:0 10px 22px rgba(22,163,74,.16)!important;
  font-weight:780!important;
}
.pc-dashboard-redesign .pc-btn:hover,
.pc-dashboard-redesign button.pc-btn:hover,
.pc-dashboard-redesign a.pc-btn:hover{
  background:var(--pc-green-dark)!important;
  transform:none!important;
}
.pc-dashboard-redesign .pc-btn-light{
  background:#f0fdf4!important;
  color:#166534!important;
  border:1px solid #bbf7d0!important;
  box-shadow:none!important;
}
.pc-dashboard-redesign .pc-card,
.pc-dashboard-redesign .pc-metric-card,
.pc-dashboard-redesign .pc-table-card{
  background:#fff!important;
  border:1px solid #e5e7eb!important;
  border-radius:16px!important;
  box-shadow:0 14px 34px rgba(15,23,42,.035)!important;
}
.pc-dashboard-redesign .pc-launch-master-redesign{
  min-height:0!important;
  margin-bottom:18px!important;
  padding:26px 28px!important;
  border-radius:18px!important;
  background:#fff!important;
  border:1px solid #e5e7eb!important;
  box-shadow:0 16px 36px rgba(15,23,42,.04)!important;
}
.pc-dashboard-redesign .pc-launch-master-redesign:before{
  display:none!important;
}
.pc-dashboard-redesign .pc-launch-copy>span{
  margin-bottom:12px!important;
  color:#344054!important;
  font-size:14px!important;
}
.pc-dashboard-redesign .pc-launch-copy>span b{
  color:var(--pc-green)!important;
}
.pc-dashboard-redesign .pc-launch-copy h2{
  font-size:30px!important;
  margin-bottom:8px!important;
  color:#111827!important;
}
.pc-dashboard-redesign .pc-launch-copy p{
  color:#667085!important;
}
.pc-dashboard-redesign .pc-launch-qr-visual{
  min-height:144px!important;
}
.pc-dashboard-redesign .pc-qr-stand{
  width:124px!important;
  height:150px!important;
  border-radius:14px!important;
  box-shadow:0 12px 28px rgba(15,23,42,.09)!important;
  transform:none!important;
}
.pc-dashboard-redesign .pc-qr-stand span{
  width:72px!important;
  height:72px!important;
}
.pc-dashboard-redesign .pc-progress-redesign{
  border-radius:16px!important;
  padding:12px 16px!important;
  margin-bottom:22px!important;
  border:1px solid #e5e7eb!important;
  box-shadow:none!important;
}
.pc-dashboard-redesign .pc-progress-redesign a{
  color:#344054!important;
  font-weight:760!important;
}
.pc-dashboard-redesign .pc-progress-redesign b{
  width:30px!important;
  height:30px!important;
}
.pc-dashboard-redesign .pc-progress-redesign a.done b{
  background:var(--pc-green)!important;
}
.pc-dashboard-redesign .pc-progress-redesign a.done:after{
  background:var(--pc-green)!important;
}
.pc-dashboard-redesign .pc-metric-groups-redesign{
  gap:14px!important;
}
.pc-dashboard-redesign .pc-metric-groups-redesign .pc-metric-card{
  min-height:132px!important;
  padding:16px!important;
}
.pc-dashboard-redesign .pc-metric-icon,
.pc-dashboard-redesign .pc-attention-list-redesign i,
.pc-dashboard-redesign .pc-actions-grid-redesign i,
.pc-dashboard-redesign .pc-activity-list i{
  background:#f0fdf4!important;
  color:var(--pc-green)!important;
}
.pc-dashboard-redesign .pc-metric-icon{
  width:32px!important;
  height:32px!important;
  border-radius:10px!important;
  margin-bottom:10px!important;
}
.pc-dashboard-redesign .pc-metric-card span{
  color:#667085!important;
  font-size:13px!important;
  font-weight:760!important;
}
.pc-dashboard-redesign .pc-metric-card strong{
  color:#111827!important;
  font-size:30px!important;
  font-weight:780!important;
  letter-spacing:-.035em!important;
}
.pc-dashboard-redesign .pc-metric-card-main strong{
  font-size:28px!important;
}
.pc-dashboard-redesign .pc-metric-card small{
  color:#667085!important;
}
.pc-dashboard-redesign .pc-table th{
  background:#f9fafb!important;
  color:#667085!important;
  font-size:12px!important;
  letter-spacing:.05em!important;
}
.pc-dashboard-redesign .pc-table td{
  color:#111827!important;
}
.pc-dashboard-redesign .pc-table tr:hover td{
  background:#fbfdfc!important;
}
.pc-dashboard-redesign .pc-badge-active,
.pc-dashboard-redesign .pc-badge-approved,
.pc-dashboard-redesign .pc-badge-redeemed{
  background:#dcfce7!important;
  color:#166534!important;
}
.pc-dashboard-redesign input,
.pc-dashboard-redesign textarea,
.pc-dashboard-redesign select{
  border-radius:10px!important;
  border-color:#d1d5db!important;
}
.pc-dashboard-redesign input:focus,
.pc-dashboard-redesign textarea:focus,
.pc-dashboard-redesign select:focus{
  outline:none!important;
  border-color:var(--pc-green)!important;
  box-shadow:0 0 0 3px rgba(22,163,74,.14)!important;
}
.pc-dashboard-redesign .pc-bars-redesign span{
  background:var(--pc-green)!important;
}
.pc-dashboard-redesign .pc-source-donut{
  background:conic-gradient(#16a34a 0 45%,#22c55e 45% 70%,#86efac 70% 90%,#e5e7eb 90% 100%)!important;
}
.pc-dashboard-redesign .pc-card-link,
.pc-dashboard-redesign .pc-overview-tables .pc-card h2 em,
.pc-dashboard-redesign .pc-attention-list-redesign em{
  color:var(--pc-green)!important;
}
@media(max-width:1400px){
  .pc-dashboard-redesign .pc-main{padding:24px!important}
}
@media(max-width:1100px){
  .pc-dashboard-redesign .pc-sidebar{
    height:auto!important;
    padding:18px!important;
    border-right:0!important;
    border-bottom:1px solid #e5e7eb!important;
  }
  .pc-dashboard-redesign .pc-topbar-redesign{
    border-radius:16px!important;
  }
}
@media(max-width:760px){
  .pc-dashboard-redesign .pc-main{padding:16px 12px 28px!important}
  .pc-dashboard-redesign h1{font-size:28px!important}
  .pc-dashboard-redesign .pc-launch-master-redesign{padding:20px!important;border-radius:16px!important}
  .pc-dashboard-redesign .pc-launch-copy h2{font-size:26px!important}
  .pc-dashboard-redesign .pc-topbar-redesign{padding:16px!important}
}


/* v1.0.177 marketplace offer image ratio fix
   Keep uploaded 16:9 offer images fully visible in marketplace cards. */
.pc-marketplace-compact-card .pc-market-cover{
  height:auto!important;
  aspect-ratio:16/9!important;
  background:#fff!important;
}
.pc-marketplace-compact-card .pc-market-cover img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:#fff!important;
}
.pc-marketplace-compact-card:hover .pc-market-cover img{
  transform:none!important;
}
@media(max-width:760px){
  .pc-marketplace-compact-card .pc-market-cover{
    height:auto!important;
    aspect-ratio:16/9!important;
  }
}