/* RC6 UI Refresh — premium cleanup, report modal refinement, customer page de-glow */
:root{
  --rc6-ink:#163254;
  --rc6-sub:#667a94;
  --rc6-line:#dbe5f1;
  --rc6-soft:#f7fafc;
  --rc6-soft2:#f2f7fb;
  --rc6-brand1:#0f766e;
  --rc6-brand2:#2563eb;
  --rc6-brand3:#7c3aed;
  --rc6-shadow:0 14px 36px -28px rgba(15,23,42,.35),0 6px 18px rgba(15,23,42,.06);
}
html,body,.btn,.field,.sub,.box,.dlg,.kpi,.coach,.tile2,.gcard,.ins,.vp,.gp,.pc,table,th,td,input,select,textarea,small,b{
  font-family:"Vazirmatn","Shabnam","Sahel","Samim",Tahoma,system-ui,sans-serif!important;
}
body{color:var(--rc6-ink)}

/* remove overdone glow/halo in customer desk */
.cpf-ai::before,.cpf-foot::before,.pci-wrap::before{display:none!important;content:none!important}
.cpf-ai,.cpf-foot,.pci-wrap{
  background:linear-gradient(180deg,#fff,#fbfdff)!important;
  border:1px solid var(--rc6-line)!important;
  box-shadow:var(--rc6-shadow)!important;
}

/* neutralize excessive page tint/blur on customer area */
.cpf-ai,.cpf-foot,.pci-wrap,.customer-page .box,.customer-page .kpi,.uacc-card,.uacc-card-b{
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}

/* make all section headers classier */
html body #page .ph,
html body #page .box,
html body #page .uacc-card,
html body #page .ins,
html body #page .dlg{
  border-color:var(--rc6-line)!important;
  box-shadow:var(--rc6-shadow)!important;
}
html body #page .ph{
  background:linear-gradient(135deg,#ffffff 0%,#f9fbff 58%,#f4fbfb 100%)!important;
}
html body #page .box-h,
html body #page .uacc-card-h,
html body .dlg .dlg-h{
  padding:12px 16px!important;
  min-height:50px!important;
  border-bottom:1px solid var(--rc6-line)!important;
  background:linear-gradient(180deg,#fcfdff,#f4f8fc)!important;
}
html body #page .box-h h2,
html body #page .uacc-card-h h2,
html body .dlg .dlg-h h2,
html body #page .ph h1{
  color:var(--rc6-ink)!important;
  font-weight:850!important;
  letter-spacing:-.15px!important;
  line-height:1.6!important;
}
html body #page .box-h .sub,
html body #page .uacc-card-h .sub,
html body .dlg .dlg-h .sub,
html body #page .ph .sub{color:var(--rc6-sub)!important;line-height:1.8!important}

/* footer/status nicer */
html body footer#status.status{
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,251,255,.98))!important;
  border-top:1px solid var(--rc6-line)!important;
  box-shadow:0 -10px 24px rgba(15,23,42,.04)!important;
}

/* generic dialog footer */
html body .dlg .dlg-f{
  padding:10px 14px!important;
  background:linear-gradient(180deg,rgba(252,253,255,.96),rgba(244,248,253,.98))!important;
  border-top:1px solid var(--rc6-line)!important;
  box-shadow:0 -6px 18px rgba(15,23,42,.04)!important;
}
html body .dlg .dlg-f .btn{min-height:38px!important;border-radius:12px!important;font-size:12.5px!important;font-weight:800!important}

/* major cleanup for Insights > Monthly report modal */
.ix-dlg.ix2{
  width:min(1100px,calc(100% - 18px))!important;
  max-height:calc(100vh - 16px)!important;
  border-radius:28px!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#fbfdff,#f4f8fc)!important;
  border:1px solid var(--rc6-line)!important;
  box-shadow:0 28px 80px rgba(15,23,42,.18)!important;
}
.ix-dlg.ix2 .ix-body{padding:14px 16px 12px!important;background:linear-gradient(180deg,#f8fbff 0%,#f6f8fc 55%,#fbfdff 100%)!important}
.ix-dlg.ix2 .ix2-hero{
  display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:end!important;gap:16px!important;
  min-height:148px!important;
  padding:20px 22px!important;
  border-radius:24px!important;
  background:linear-gradient(135deg,var(--rc6-brand1) 0%, var(--rc6-brand2) 58%, var(--rc6-brand3) 100%)!important;
  box-shadow:0 18px 36px -22px rgba(37,99,235,.5)!important;
}
.ix-dlg.ix2 .ix2-hero>div:first-child{min-width:0}
.ix-dlg.ix2 .ix2-hero small{display:block;color:rgba(255,255,255,.86)!important;font-size:12px!important;font-weight:700!important;line-height:1.8!important;margin-bottom:6px!important}
.ix-dlg.ix2 .ix2-hero h3{
  margin:0!important;color:#fff!important;font-weight:900!important;
  font-size:clamp(24px,2.25vw,38px)!important;line-height:1.55!important;
  text-wrap:balance;
}
.ix-dlg.ix2 .ix2-hero span{display:block;color:rgba(255,255,255,.93)!important;font-size:14px!important;font-weight:700!important;line-height:1.9!important;margin-top:8px!important}
.ix-dlg.ix2 .ix2-badges{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;justify-content:flex-end!important}
.ix-dlg.ix2 .ix2-badges span{background:rgba(255,255,255,.14)!important;border:1px solid rgba(255,255,255,.26)!important;color:#fff!important;border-radius:999px!important;padding:8px 14px!important;font-size:12.5px!important;font-weight:800!important;line-height:1.2!important}
.ix-dlg.ix2 .ix2-panel,.ix-dlg.ix2 .ix2-card,.ix-dlg.ix2 .ix2-kpi,.ix-dlg.ix2 .ix2-stat,.ix-dlg.ix2 .mm-panel,.ix-dlg.ix2 .mm-kpi{
  border-radius:18px!important;border:1px solid var(--rc6-line)!important;background:linear-gradient(180deg,#ffffff,#fbfdff)!important;box-shadow:0 10px 28px -26px rgba(15,23,42,.25)!important;
}
.ix-dlg.ix2 .ix2-tip{border-radius:14px!important;background:#f7fafc!important;border:1px solid #e7eef6!important}
.ix-dlg.ix2 .mm-head h1,.ix-dlg.ix2 .mm-head p,.ix-dlg.ix2 .mm-meta,.ix-dlg.ix2 .mm-note,.ix-dlg.ix2 .mm-foot,
.ix-dlg.ix2 .mm-report,.ix-dlg.ix2 .mm-report *, .ix-dlg.ix2 .ix2-foot, .ix-dlg.ix2 .ix2-foot *{
  font-family:"Vazirmatn","Shabnam",Tahoma,sans-serif!important;
  letter-spacing:0!important;word-spacing:0!important;text-transform:none!important;
}
.ix-dlg.ix2 .mm-head h1{font-size:20px!important;font-weight:850!important;line-height:1.75!important;color:var(--rc6-ink)!important}
.ix-dlg.ix2 .mm-head p,.ix-dlg.ix2 .mm-meta,.ix-dlg.ix2 .mm-note{font-size:13px!important;font-weight:600!important;line-height:1.95!important;color:var(--rc6-sub)!important}
.ix-dlg.ix2 .mm-report table{table-layout:auto;width:100%}
.ix-dlg.ix2 .mm-report th{
  font-size:12.5px!important;font-weight:850!important;line-height:1.8!important;color:#36506f!important;background:#f8fbff!important
}
.ix-dlg.ix2 .mm-report td{
  font-size:12.5px!important;font-weight:650!important;line-height:1.95!important;color:#23405f!important
}
.ix-dlg.ix2 .ix2-foot{
  position:sticky!important;bottom:0!important;z-index:4!important;
  margin-top:12px!important;padding:12px 14px!important;
  background:linear-gradient(180deg,rgba(252,253,255,.96),rgba(244,248,253,.98))!important;
  border-top:1px solid var(--rc6-line)!important;
  box-shadow:0 -10px 26px rgba(15,23,42,.05)!important;
}
.ix-dlg.ix2 .ix2-foot .ix-send{display:flex!important;gap:8px!important;flex-wrap:wrap!important;align-items:center!important;overflow:visible!important}
.ix-dlg.ix2 .ix2-foot .btn{
  min-height:40px!important;padding:0 14px!important;border-radius:13px!important;
  font-size:12px!important;font-weight:800!important;line-height:1.3!important;white-space:nowrap!important;
  box-shadow:none!important
}
.ix-dlg.ix2 .ix2-foot .btn.pri{background:linear-gradient(120deg,#1d4ed8,#1d9488)!important;color:#fff!important}

/* small-screen responsive refinement */
@media (max-width:900px){
  .ix-dlg.ix2 .ix2-hero{grid-template-columns:1fr!important;align-items:start!important;min-height:0!important}
  .ix-dlg.ix2 .ix2-badges{justify-content:flex-start!important}
}
@media (max-width:760px){
  html body #page .box-h,
  html body #page .uacc-card-h,
  html body .dlg .dlg-h{padding:10px 12px!important;min-height:46px!important}
  .ix-dlg.ix2{width:calc(100% - 10px)!important;max-height:calc(100vh - 8px)!important;border-radius:22px!important}
  .ix-dlg.ix2 .ix-body{padding:10px!important}
  .ix-dlg.ix2 .ix2-hero{padding:16px 16px!important;border-radius:18px!important}
  .ix-dlg.ix2 .ix2-hero h3{font-size:clamp(19px,5.8vw,28px)!important;line-height:1.65!important}
  .ix-dlg.ix2 .ix2-hero span{font-size:12.5px!important;line-height:1.85!important}
  .ix-dlg.ix2 .ix2-badges span{font-size:11.5px!important;padding:7px 12px!important}
  .ix-dlg.ix2 .mm-head h1{font-size:17px!important;line-height:1.75!important}
  .ix-dlg.ix2 .mm-head p,.ix-dlg.ix2 .mm-meta,.ix-dlg.ix2 .mm-note,.ix-dlg.ix2 .mm-report th,.ix-dlg.ix2 .mm-report td{font-size:11.5px!important;line-height:1.95!important}
  .ix-dlg.ix2 .ix2-foot{padding:10px!important}
  .ix-dlg.ix2 .ix2-foot .btn{flex:1 1 calc(50% - 8px)!important;min-width:0!important;padding:0 10px!important;white-space:normal!important;font-size:11px!important;line-height:1.45!important;min-height:38px!important}
}