/* v4 — charm controls/readability hardening */
body.tool-chief-charms .charm-tile,body.tool-chief-charms .charm-grid,body.tool-chief-charms .charms-board,body.tool-chief-charms .slot-subpanel{overflow:visible!important;clip-path:none!important}
body.tool-chief-charms .charm-step{z-index:80!important;visibility:visible!important}
body.tool-chief-charms .strategy-btn.active,body.tool-chief-charms .strategy-btn.strategy-last-run{background:linear-gradient(135deg,#0f9fbd,#2965d7)!important;color:#fff!important;border-color:#74ebff!important;box-shadow:0 0 0 1px rgba(121,237,255,.18) inset!important}
body.tool-chief-charms.light-theme .strategy-btn.active,body.tool-chief-charms.light-theme .strategy-btn.strategy-last-run{background:linear-gradient(135deg,#cfeef8,#a9ddeb)!important;color:#0c4e69!important;border-color:#50a7c3!important}
body.tool-chief-charms.light-theme .slot-subpanel,body.tool-chief-charms.light-theme .charm-subtotal,body.tool-chief-charms.light-theme .slot-total-box{background:#fafdff!important;color:#17384b!important;border-color:#a7c9d8!important}

.profile-batch-actions{display:grid;grid-template-columns:1.2fr .8fr;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(94,203,232,.20)}
.profile-shine-btn,.profile-save-btn{min-height:38px;border-radius:9px;font-weight:950;cursor:pointer}.profile-shine-btn{position:relative;overflow:hidden;border:1px solid #ffe07a;background:linear-gradient(135deg,#fff0ae,#f7bd36 45%,#fff2b7 61%,#d98e10);color:#352306;box-shadow:0 0 17px rgba(252,196,48,.25)}.profile-shine-btn:after{content:"";position:absolute;top:-80%;left:-35%;width:25%;height:260%;transform:rotate(22deg);background:linear-gradient(90deg,transparent,#fff9,transparent);transition:left .45s}.profile-shine-btn:hover:after{left:112%}.profile-save-btn{border:1px solid #35758b;background:#0a2534;color:#e8fbff}body.light-theme .profile-save-btn{background:#f2fbfe;color:#13506a;border-color:#92c7d7}

/* 2026-09-22 sizing parity: the main Charm board fills the same content width as the panels above/below it. */
body.tool-chief-charms .charms-board-scroll{width:min(var(--cc-page-max),100%)!important}
body.tool-chief-charms .charms-board-scroll .charms-board{
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
}
@media(max-width:1180px){
  body.tool-chief-charms .charms-board-scroll .charms-board{width:1120px!important;min-width:1120px!important}
}

/* Match the current full-width Chief Charms shell at desktop sizes. */
@media(min-width:1181px){
  body.tool-chief-charms .charms-board-scroll,
  body.tool-chief-charms .charms-board-scroll .charms-board{width:100%!important;max-width:none!important}
}