/* ============================================================
   Frosted-glass language — site-wide polish layer.
   Loaded LAST so it wins. Frosts the big showcase frames to match
   the #about intro card; keeps dense dashboard panels crisp.
   ============================================================ */

/* rounder, pill-leaning buttons (iOS feel) */
.btn{border-radius:13px}
.btn-sm{border-radius:11px}
.btn-ghost{
  background:var(--glass); -webkit-backdrop-filter:var(--glass-blur); backdrop-filter:var(--glass-blur);
  border-color:var(--glass-line); box-shadow:var(--sh-1), var(--glass-inset);
}

/* big showcase frames → frosted glass */
.flow, .schematic, .op-grid .call, .cockpit, .exec-frame, .rev-card, .evidence,
.pmap2-detail, .roi-inputs, .uc2, .deal-stage, .tprice-wrap, .program-wrap,
.widget-aside, .qa-panel{
  background:var(--glass) !important;
  -webkit-backdrop-filter:var(--glass-blur); backdrop-filter:var(--glass-blur);
  border-color:var(--glass-line) !important;
  box-shadow:var(--sh-3), var(--glass-inset) !important;
}

/* lighter frost for inner cards that sit on the page (not inside a dark/white panel) */
.uc, .plate, .pcol, .se-row, .why, .pmap2-detail .pmd-bar{
  border-color:var(--glass-line);
}
.uc{
  background:var(--glass); -webkit-backdrop-filter:var(--glass-blur); backdrop-filter:var(--glass-blur);
  box-shadow:var(--sh-2), var(--glass-inset);
}

/* segmented controls already frosted in herodemo.css; ensure consistency anywhere new */
.seg, .ck-toggle, .uc2-tabs, .wij-tabs, .rev-bar .seg, .sov-left .seg{
  background:rgba(255,255,255,.5);
  -webkit-backdrop-filter:blur(22px) saturate(1.7); backdrop-filter:blur(22px) saturate(1.7);
  border:1px solid rgba(255,255,255,.78);
  box-shadow:0 10px 34px rgba(20,27,41,.12), var(--glass-inset);
  border-radius:100px;
}

/* soften hard section dividers into the airy backdrop */
.section[style*="surface-2"], .section[style*="border-top"]{
  border-color:rgba(255,255,255,.6) !important;
}

/* dashboard frame inner body: let the frost show, keep panels crisp white */
.exec-body{background:transparent !important}
.exec-chrome{background:rgba(255,255,255,.45) !important; backdrop-filter:var(--glass-blur)}

/* Executive — strip decorative icons, keep data crisp & readable */
#executive .kico,
#executive .exec-pill svg,
#executive .aivs-note svg,
#executive .bd-metric .bi svg,
#executive .bd-watermark svg,
#executive .bd-blank-h svg,
#executive .bd-q .ql svg,
#executive .bd-q .qa svg,
.exec-frame .exec-chrome .exec-url svg{ display:none !important; }
/* panel-header icon square → small accent dot */
#executive .ph-ico{ width:8px !important; height:8px !important; border-radius:50% !important; background:var(--accent) !important; box-shadow:none !important; }
#executive .ph-ico svg{ display:none !important; }
/* funnel stage square → colored dot (keeps its tone background) */
#executive .fn-ico{ width:10px !important; height:10px !important; border-radius:50% !important; align-self:center; }
#executive .fn-ico svg{ display:none !important; }
/* basic-dash metric letter chip → dot */
#executive .bd-metric .bi{ width:7px !important; height:7px !important; border-radius:50% !important; background:var(--ink-4) !important; }

/* guard: phone call-control buttons must NOT be frosted (.call/.end are modifiers) */
.cc-btn.call{background:#34c759 !important; -webkit-backdrop-filter:none !important; backdrop-filter:none !important; box-shadow:none !important; border:0 !important}
.cc-btn.call:hover{background:#28a847 !important}
.cc-btn.end{background:#ff3b30 !important; -webkit-backdrop-filter:none !important; backdrop-filter:none !important; box-shadow:none !important; border:0 !important}
.cc-btn.end:hover{background:#e02d23 !important}