@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@200;300;400;500;600&display=swap');

/* Retailer dashboard — decision-first operating view */
#page-profile{
  min-height:calc(100vh - var(--nav-h));
  background:
    radial-gradient(circle at 82% -10%,rgba(200,168,112,0.08),transparent 32rem),
    var(--i1);
}

#page-profile .playout{
  display:block;
  min-height:calc(100vh - var(--nav-h));
}

#page-profile .pside{
  display:none!important;
}

#page-profile .pcontent{
  width:min(100%,1220px);
  margin:0 auto;
  padding:clamp(1.4rem,3.2vw,2.6rem) clamp(1rem,3vw,2rem) 4rem;
}

.dashboard-header{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:1.5rem;
  margin-bottom:1.4rem;
}

.dashboard-header-copy{max-width:720px;}

.dashboard-eyebrow{
  margin-bottom:0.5rem;
  color:var(--gold);
  font-family:var(--ui);
  font-size:11px;
  font-weight:600;
  letter-spacing:0.12em;
  text-transform:uppercase;
}

.dashboard-title{
  margin:0;
  color:var(--txt);
  font-family:var(--disp);
  font-size:clamp(2.7rem,6vw,4.8rem);
  font-weight:400;
  letter-spacing:0.035em;
  line-height:0.9;
  text-transform:uppercase;
}

.dashboard-title span{color:rgba(255,255,255,0.26);}

.dashboard-subtitle{
  max-width:680px;
  margin-top:0.8rem;
  color:var(--muted);
  font-size:14px;
  font-weight:300;
  line-height:1.7;
}

.dashboard-refresh{
  flex:0 0 auto;
  color:var(--muted);
  font-family:var(--ui);
  font-size:11px;
  line-height:1.5;
  text-align:right;
}

.dashboard-attention{
  width:100%;
  min-height:74px;
  margin-bottom:12px;
  padding:15px 17px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  border:1px solid rgba(200,168,112,0.36);
  border-radius:10px;
  background:linear-gradient(105deg,rgba(200,168,112,0.13),rgba(200,168,112,0.025) 58%,rgba(255,255,255,0.02));
  box-shadow:0 18px 44px rgba(0,0,0,0.22);
}

.dashboard-attention.is-clear{
  border-color:rgba(74,222,128,0.26);
  background:linear-gradient(105deg,rgba(74,222,128,0.09),rgba(255,255,255,0.015));
}

.dashboard-attention-main{display:flex;align-items:center;gap:13px;min-width:0;}

.dashboard-attention-count{
  width:42px;
  height:42px;
  flex:0 0 42px;
  display:grid;
  place-items:center;
  border:1px solid rgba(200,168,112,0.52);
  border-radius:50%;
  color:#fff;
  background:rgba(0,0,0,0.28);
  font-family:var(--disp);
  font-size:24px;
  line-height:1;
}

.dashboard-attention.is-clear .dashboard-attention-count{
  border-color:rgba(74,222,128,0.48);
  color:var(--gr);
}

.dashboard-attention-title{
  color:#fff;
  font-family:var(--body);
  font-size:14px;
  font-weight:600;
  line-height:1.35;
}

.dashboard-attention-copy{
  margin-top:3px;
  color:var(--muted);
  font-size:12.5px;
  font-weight:300;
  line-height:1.5;
}

.dashboard-metrics{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin-bottom:clamp(1.8rem,4vw,2.8rem);
}

.dashboard-metric{
  appearance:none;
  min-width:0;
  min-height:112px;
  padding:15px 16px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:space-between;
  border:0.5px solid var(--bd);
  border-radius:9px;
  background:linear-gradient(180deg,#171717,#111);
  color:inherit;
  text-align:left;
  cursor:pointer;
  transition:border-color .18s ease,transform .18s ease,background .18s ease;
}

.dashboard-metric:hover,
.dashboard-metric:focus-visible{
  border-color:rgba(200,168,112,0.62);
  background:linear-gradient(180deg,#1c1b19,#121212);
  transform:translateY(-2px);
}

.dashboard-metric-label{
  color:var(--muted);
  font-family:var(--ui);
  font-size:10.5px;
  font-weight:600;
  letter-spacing:0.09em;
  line-height:1.35;
  text-transform:uppercase;
}

.dashboard-metric-value{
  margin-top:10px;
  color:#fff;
  font-family:var(--disp);
  font-size:clamp(1.9rem,3.5vw,2.65rem);
  letter-spacing:0.035em;
  line-height:0.95;
}

.dashboard-metric-meta{
  margin-top:7px;
  color:#929292;
  font-size:11.5px;
  font-weight:300;
  line-height:1.45;
}

.dashboard-section{margin-top:clamp(1.6rem,4vw,2.8rem);}

.dashboard-section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:1rem;
  margin-bottom:0.85rem;
}

.dashboard-section-kicker{
  color:var(--gold);
  font-family:var(--ui);
  font-size:10px;
  font-weight:600;
  letter-spacing:0.11em;
  text-transform:uppercase;
}

.dashboard-section-title{
  margin-top:3px;
  color:#fff;
  font-family:var(--disp);
  font-size:clamp(1.6rem,3vw,2.05rem);
  font-weight:400;
  letter-spacing:0.035em;
  line-height:1;
}

.dashboard-section-copy{
  max-width:580px;
  margin-top:5px;
  color:var(--muted);
  font-size:12.5px;
  font-weight:300;
  line-height:1.55;
}

.dashboard-action-list{
  overflow:hidden;
  border:0.5px solid var(--bd);
  border-radius:10px;
  background:#111;
}

.dashboard-action-list .scard2{
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

.dashboard-action-list .doc-row{
  min-height:82px;
  margin:0;
  padding:14px 16px;
  border:0;
  border-bottom:0.5px solid rgba(255,255,255,0.09);
  background:transparent;
}

.dashboard-action-list .doc-row:last-child{border-bottom:0;}
.dashboard-action-list .doc-row:hover{background:rgba(200,168,112,0.045);transform:none;}
.dashboard-action-list .obrand{color:var(--gold);font-size:10.5px;font-weight:600;}
.dashboard-action-list .owatch{margin-top:2px;font-size:14px;font-weight:500;}
.dashboard-action-list .dashboard-row-meta,
.dashboard-action-list [style*="color:#555"]{color:#929292!important;font-size:11.5px!important;line-height:1.55;}

.dashboard-empty{
  padding:2rem 1.25rem;
  color:var(--muted);
  font-size:13px;
  line-height:1.65;
  text-align:center;
}

.dashboard-opportunity-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}

.dashboard-opportunity{
  min-width:0;
  overflow:hidden;
  border:0.5px solid rgba(255,255,255,0.14);
  border-radius:10px;
  background:linear-gradient(180deg,#171717,#101010);
  cursor:pointer;
  transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease;
}

.dashboard-opportunity:hover,
.dashboard-opportunity:focus-visible{
  border-color:rgba(200,168,112,0.58);
  transform:translateY(-2px);
  box-shadow:0 16px 34px rgba(0,0,0,0.3);
}

.dashboard-opportunity-media{
  position:relative;
  width:100%;
  aspect-ratio:16/8.8;
  overflow:hidden;
  background:#0d0d0d;
}

.dashboard-opportunity-media img{width:100%;height:100%;display:block;object-fit:cover;}

.dashboard-opportunity-fallback{
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  color:rgba(255,255,255,0.18);
  font-family:var(--disp);
  font-size:32px;
  letter-spacing:0.04em;
}

.dashboard-match-chip{
  position:absolute;
  top:9px;
  left:9px;
  padding:5px 8px;
  border:0.5px solid rgba(200,168,112,0.42);
  border-radius:999px;
  background:rgba(0,0,0,0.78);
  color:#efd5a7;
  font-family:var(--ui);
  font-size:10px;
  font-weight:600;
  letter-spacing:0.04em;
}

.dashboard-opportunity-body{padding:12px 13px 13px;}

.dashboard-opportunity-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
}

.dashboard-opportunity-brand{
  color:var(--gold);
  font-family:var(--ui);
  font-size:10px;
  font-weight:600;
  letter-spacing:0.1em;
  text-transform:uppercase;
}

.dashboard-opportunity-time{color:var(--gr);font-size:11px;font-weight:500;white-space:nowrap;}
.dashboard-opportunity-time.urgent{color:var(--gold);}

.dashboard-opportunity-name{
  margin-top:4px;
  color:#fff;
  font-family:var(--disp);
  font-size:25px;
  letter-spacing:0.03em;
  line-height:1;
}

.dashboard-opportunity-meta{
  margin-top:7px;
  color:var(--muted);
  font-size:11.5px;
  line-height:1.5;
}

.dashboard-opportunity-footer{
  margin-top:12px;
  padding-top:10px;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:10px;
  border-top:0.5px solid rgba(255,255,255,0.09);
}

.dashboard-opportunity-price{color:#fff;font-family:var(--disp);font-size:25px;line-height:1;letter-spacing:0.03em;}

.dashboard-pipeline{
  padding:15px;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:7px;
  border:0.5px solid var(--bd);
  border-radius:10px;
  background:#111;
}

.dashboard-pipeline-step{
  position:relative;
  min-width:0;
  min-height:88px;
  padding:12px;
  border:0.5px solid rgba(255,255,255,0.1);
  border-radius:8px;
  background:rgba(255,255,255,0.018);
  color:inherit;
  text-align:left;
  cursor:pointer;
}

.dashboard-pipeline-step:not(:last-child)::after{
  content:'›';
  position:absolute;
  right:-7px;
  top:50%;
  z-index:2;
  transform:translate(50%,-50%);
  color:rgba(200,168,112,0.62);
  font-family:var(--disp);
  font-size:22px;
}

.dashboard-pipeline-step:hover,
.dashboard-pipeline-step:focus-visible{border-color:rgba(200,168,112,0.46);background:rgba(200,168,112,0.045);}

.dashboard-pipeline-value{color:#fff;font-family:var(--disp);font-size:28px;line-height:1;}
.dashboard-pipeline-label{margin-top:7px;color:var(--muted);font-size:10.5px;font-weight:600;letter-spacing:0.07em;line-height:1.35;text-transform:uppercase;}

.dashboard-recent-list{
  overflow:hidden;
  border:0.5px solid var(--bd);
  border-radius:10px;
  background:#111;
}

.dashboard-recent-list .scard2{margin:0!important;border:0!important;background:transparent!important;}
.dashboard-recent-list .doc-row{margin:0;border:0;border-bottom:0.5px solid rgba(255,255,255,0.08);}
.dashboard-recent-list .doc-row:last-child{border-bottom:0;}

.activity-shell{max-width:1060px;margin:0 auto;}
.activity-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 1.1rem;}
.activity-tab{
  appearance:none;
  min-height:40px;
  padding:8px 13px;
  border:0.5px solid var(--bd2);
  border-radius:999px;
  background:transparent;
  color:var(--muted);
  font-family:var(--ui);
  font-size:11px;
  font-weight:600;
  letter-spacing:0.06em;
  text-transform:uppercase;
  cursor:pointer;
}
.activity-tab:hover,.activity-tab.active{border-color:var(--gold);background:rgba(200,168,112,0.09);color:#fff;}

.account-wrap{position:relative;z-index:640;}
.account-menu{
  display:none;
  position:absolute;
  top:calc(100% + 10px);
  right:0;
  width:230px;
  overflow:hidden;
  border:0.5px solid var(--bd2);
  border-radius:8px;
  background:#101010;
  box-shadow:0 18px 44px rgba(0,0,0,0.52);
}
.account-menu.open{display:block;}
.account-menu-head{padding:12px 13px;border-bottom:0.5px solid rgba(255,255,255,0.1);}
.account-menu-name{color:#fff;font-size:12px;font-weight:600;}
.account-menu-company{margin-top:2px;color:var(--muted);font-size:11px;line-height:1.4;}
.account-menu-item{
  width:100%;
  min-height:43px;
  padding:10px 13px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  border:0;
  border-bottom:0.5px solid rgba(255,255,255,0.08);
  background:transparent;
  color:#eee;
  font-family:var(--body);
  font-size:12.5px;
  text-align:left;
  cursor:pointer;
}
.account-menu-item:last-child{border-bottom:0;}
.account-menu-item:hover,.account-menu-item:focus-visible{background:rgba(200,168,112,0.08);color:#fff;}
.account-menu-item span{color:#777;font-size:11px;}

#mob-member-links button.mob-subitem{
  appearance:none;
  width:100%;
  border:0;
  border-bottom:0.5px solid rgba(255,255,255,0.1);
  background:transparent;
  text-align:left;
  cursor:pointer;
}

#page-profile .doc-file-meta,
#page-profile .dashboard-row-meta,
#page-profile [style*="color:#555"]{color:#929292!important;}

@media(max-width:900px){
  .dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr));}
  .dashboard-opportunity-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .dashboard-opportunity:last-child{display:none;}
  .dashboard-pipeline{grid-template-columns:repeat(5,minmax(112px,1fr));overflow-x:auto;-webkit-overflow-scrolling:touch;}
}

@media(max-width:640px){
  #page-profile .pcontent{padding:1.25rem 0.85rem 6rem;}
  .dashboard-header{display:block;margin-bottom:1.1rem;}
  .dashboard-refresh{margin-top:0.7rem;text-align:left;}
  .dashboard-title{font-size:clamp(2.5rem,14vw,3.45rem);}
  .dashboard-attention{align-items:flex-start;padding:14px;}
  .dashboard-attention .btn{width:auto;min-height:40px;flex:0 0 auto;}
  .dashboard-attention-copy{display:none;}
  .dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;}
  .dashboard-metric{min-height:104px;padding:13px;}
  .dashboard-metric-meta{font-size:10.5px;}
  .dashboard-section-head{align-items:flex-start;}
  .dashboard-section-head>.btn{width:auto;flex:0 0 auto;}
  .dashboard-opportunity-grid{grid-template-columns:1fr;}
  .dashboard-opportunity:last-child{display:block;}
  .dashboard-opportunity{display:grid;grid-template-columns:106px minmax(0,1fr);}
  .dashboard-opportunity-media{height:100%;min-height:158px;aspect-ratio:auto;}
  .dashboard-opportunity-body{padding:11px;}
  .dashboard-opportunity-name{font-size:21px;}
  .dashboard-opportunity-footer{align-items:center;}
  .dashboard-opportunity-footer .btn{width:auto;}
  .dashboard-action-list .doc-row{align-items:stretch;}
  .dashboard-action-list .doc-row .btn{width:100%;}
  .dashboard-pipeline{padding:10px;}
  .account-menu{right:-38px;width:min(260px,calc(100vw - 1rem));}
}

@media(max-width:390px){
  .dashboard-attention{display:block;}
  .dashboard-attention .btn{width:100%;margin-top:12px;}
  .dashboard-metrics{grid-template-columns:1fr;}
  .dashboard-metric{min-height:92px;}
  .dashboard-opportunity{grid-template-columns:88px minmax(0,1fr);}
}

@media(prefers-reduced-motion:reduce){
  .dashboard-metric,
  .dashboard-opportunity{transition:none;}
}