/* =========================================================
   M2A GROUP — OPERATING POWER / LUMINOUS ENTERPRISE LAYER
   Pearl Champagne + Ice Blue + restrained Lavender accents.
   Dark command modules remain deliberate focal jewels.
   ========================================================= */

body.m2a-master-template.operations-page{
  --ops-light-ink:#172033;
  --ops-light-muted:#657386;
  --ops-pearl:#FBFCFE;
  --ops-champagne:#FFF7E3;
  --ops-ice:#EEF9FF;
  --ops-lavender:#F5F1FF;
  --ops-cursor:#D4AF37;
  --ops-cursor-rgb:212,175,55;
  background:#fff !important;
  background-image:none !important;
  color:var(--ops-light-ink) !important;
}
body.m2a-master-template.operations-page .page-bg{
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
  background:none !important;
}
body.m2a-master-template.operations-page main,
body.m2a-master-template.operations-page .operations-experience{
  background:#fff !important;
  color:var(--ops-light-ink) !important;
}

/* HERO — bright pearl/champagne field, Command Center stays dark. */
body.m2a-master-template.operations-page .operations-hero{
  border-bottom:1px solid rgba(15,23,42,.08) !important;
  background:
    radial-gradient(circle at 12% 16%,rgba(56,189,248,.15),transparent 29%),
    radial-gradient(circle at 86% 13%,rgba(212,175,55,.20),transparent 31%),
    radial-gradient(circle at 76% 84%,rgba(139,92,246,.075),transparent 29%),
    linear-gradient(135deg,#FFFFFF 0%,#F5FBFF 47%,#FFF7E3 100%) !important;
}
body.m2a-master-template.operations-page .operations-grid{
  opacity:.46 !important;
  background-image:
    linear-gradient(rgba(2,132,199,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(2,132,199,.05) 1px,transparent 1px) !important;
}
body.m2a-master-template.operations-page .operations-orb-gold{background:radial-gradient(circle,rgba(212,175,55,.21),transparent 65%) !important}
body.m2a-master-template.operations-page .operations-orb-blue{background:radial-gradient(circle,rgba(56,189,248,.18),transparent 66%) !important}
body.m2a-master-template.operations-page .operations-kicker{
  color:#947019 !important;
  border-color:rgba(212,175,55,.30) !important;
  background:rgba(255,255,255,.78) !important;
  box-shadow:0 12px 32px rgba(100,116,139,.09),inset 0 1px 0 #fff !important;
}
body.m2a-master-template.operations-page .operations-hero h1{color:#152033 !important;text-shadow:none !important}
body.m2a-master-template.operations-page .operations-hero h1 em{color:#B4891D !important;text-shadow:0 0 24px rgba(212,175,55,.10) !important}
body.m2a-master-template.operations-page .operations-hero-copy>p{color:#5F6D7E !important}
body.m2a-master-template.operations-page .operations-btn-ghost{
  color:#25354B !important;
  border-color:rgba(51,65,85,.14) !important;
  background:rgba(255,255,255,.84) !important;
  box-shadow:0 12px 30px rgba(71,85,105,.08),inset 0 1px 0 #fff !important;
}
body.m2a-master-template.operations-page .operations-trust-line span{color:#647487 !important}

/* LIGHT SECTION TYPE */
body.m2a-master-template.operations-page :is(.operations-metrics,.operations-workflow,.operations-control) .operations-section-head>span{color:#9D7718 !important}
body.m2a-master-template.operations-page :is(.operations-metrics,.operations-workflow,.operations-control) .operations-section-head h2,
body.m2a-master-template.operations-page .control-copy h2{color:#1B2739 !important;text-shadow:none !important}
body.m2a-master-template.operations-page :is(.operations-metrics,.operations-workflow,.operations-control) .operations-section-head p,
body.m2a-master-template.operations-page .control-copy p{color:#667589 !important}

/* METRICS — four distinct luminous materials. */
body.m2a-master-template.operations-page .operations-metrics{
  border-bottom:1px solid rgba(15,23,42,.08) !important;
  background:
    radial-gradient(circle at 12% 22%,rgba(56,189,248,.075),transparent 28%),
    radial-gradient(circle at 88% 78%,rgba(212,175,55,.09),transparent 30%),
    linear-gradient(180deg,#F8FBFE 0%,#FFFFFF 100%) !important;
}
body.m2a-master-template.operations-page .metric-card{
  border-color:rgba(15,23,42,.09) !important;
  box-shadow:0 22px 58px rgba(71,85,105,.11),inset 0 1px 0 #fff !important;
}
body.m2a-master-template.operations-page .metric-card:nth-child(1){border-color:rgba(212,175,55,.24) !important;background:radial-gradient(circle at 88% 8%,rgba(212,175,55,.18),transparent 35%),linear-gradient(145deg,#FFFDF8,#FFF5DA) !important}
body.m2a-master-template.operations-page .metric-card:nth-child(2){border-color:rgba(56,189,248,.20) !important;background:radial-gradient(circle at 88% 8%,rgba(56,189,248,.17),transparent 35%),linear-gradient(145deg,#FFFFFF,#EAF8FF) !important}
body.m2a-master-template.operations-page .metric-card:nth-child(3){border-color:rgba(34,211,238,.20) !important;background:radial-gradient(circle at 88% 8%,rgba(34,211,238,.15),transparent 35%),linear-gradient(145deg,#FFFFFF,#EAFDFD) !important}
body.m2a-master-template.operations-page .metric-card:nth-child(4){border-color:rgba(139,92,246,.18) !important;background:radial-gradient(circle at 88% 8%,rgba(139,92,246,.14),transparent 35%),linear-gradient(145deg,#FFFFFF,#F4EFFF) !important}
body.m2a-master-template.operations-page .metric-card>b{color:#172033 !important;text-shadow:none !important}
body.m2a-master-template.operations-page .metric-card>strong{color:#2B394C !important}
body.m2a-master-template.operations-page .metric-card>small{color:#66768A !important}
body.m2a-master-template.operations-page .metric-icon{
  color:#18334D !important;
  border-color:rgba(15,23,42,.10) !important;
  background:rgba(255,255,255,.82) !important;
  box-shadow:0 8px 22px rgba(71,85,105,.09),inset 0 1px 0 #fff !important;
}

/* WORKFLOW — pearl cards on champagne/ice transition. */
body.m2a-master-template.operations-page .operations-workflow{
  background:
    radial-gradient(circle at 86% 20%,rgba(212,175,55,.085),transparent 30%),
    radial-gradient(circle at 13% 77%,rgba(56,189,248,.065),transparent 28%),
    linear-gradient(180deg,#FFFFFF 0%,#FFFCF5 100%) !important;
}
body.m2a-master-template.operations-page .workflow-step{
  border-color:rgba(15,23,42,.10) !important;
  background:rgba(255,255,255,.93) !important;
  box-shadow:0 18px 48px rgba(71,85,105,.09),inset 0 1px 0 #fff !important;
}
body.m2a-master-template.operations-page .workflow-step.is-current{
  border-color:rgba(212,175,55,.34) !important;
  background:linear-gradient(145deg,#FFFDF7,#FFF4D8) !important;
  box-shadow:0 22px 58px rgba(212,175,55,.10),inset 0 1px 0 #fff !important;
}
body.m2a-master-template.operations-page .workflow-copy small{color:#7B899A !important}
body.m2a-master-template.operations-page .workflow-copy h3{color:#1E2C3F !important}
body.m2a-master-template.operations-page .workflow-copy p{color:#657589 !important}
body.m2a-master-template.operations-page .workflow-number{
  color:#1B4768 !important;
  border-color:rgba(2,132,199,.18) !important;
  background:linear-gradient(145deg,#FFFFFF,#EAF8FF) !important;
  box-shadow:0 10px 24px rgba(71,85,105,.08) !important;
}
body.m2a-master-template.operations-page .workflow-step.is-current .workflow-number{color:#111827 !important;background:linear-gradient(135deg,#F1D66B,#D4AF37) !important}
body.m2a-master-template.operations-page .workflow-status{color:#08765A !important;border-color:rgba(5,150,105,.18) !important;background:rgba(236,253,245,.90) !important}

/* GOVERNANCE — lavender pearl canvas; matrix stays dark. */
body.m2a-master-template.operations-page .operations-control{
  border-top:1px solid rgba(15,23,42,.08) !important;
  border-bottom:1px solid rgba(15,23,42,.08) !important;
  background:
    radial-gradient(circle at 11% 72%,rgba(56,189,248,.08),transparent 28%),
    radial-gradient(circle at 88% 16%,rgba(139,92,246,.09),transparent 30%),
    radial-gradient(circle at 70% 82%,rgba(212,175,55,.075),transparent 28%),
    linear-gradient(135deg,#F8FBFE 0%,#F6F2FF 48%,#FFF8E9 100%) !important;
}
body.m2a-master-template.operations-page .operations-control .operations-kicker{color:#947019 !important;background:rgba(255,255,255,.80) !important}

/* FINAL — light breathing field around the intentionally dark closing jewel. */
body.m2a-master-template.operations-page .operations-final{
  background:
    radial-gradient(circle at 18% 20%,rgba(56,189,248,.065),transparent 28%),
    radial-gradient(circle at 82% 72%,rgba(212,175,55,.11),transparent 30%),
    linear-gradient(180deg,#FFFFFF,#FFF7E5) !important;
}

/* Keep these command surfaces dark and highly contrasted. */
body.m2a-master-template.operations-page :is(.command-shell,.command-panel,.control-matrix,.operations-final-shell){color:#D5DEE8}

/* Premium dedicated cursor — desktop/fine pointer only. */
@media(hover:hover) and (pointer:fine){
  body.m2a-master-template.operations-page.operations-cursor-ready,
  body.m2a-master-template.operations-page.operations-cursor-ready a,
  body.m2a-master-template.operations-page.operations-cursor-ready button{cursor:none !important}
  .operations-cursor-dot,.operations-cursor-ring{
    position:fixed;
    top:0;
    left:0;
    z-index:2147483646;
    pointer-events:none;
    opacity:0;
    will-change:transform;
  }
  .operations-cursor-dot{
    width:8px;
    height:8px;
    margin:-4px 0 0 -4px;
    border-radius:50%;
    background:var(--ops-cursor);
    box-shadow:0 0 0 4px rgba(var(--ops-cursor-rgb),.10),0 0 18px rgba(var(--ops-cursor-rgb),.48);
  }
  .operations-cursor-ring{
    width:34px;
    height:34px;
    margin:-17px 0 0 -17px;
    border:1px solid rgba(var(--ops-cursor-rgb),.62);
    border-radius:50%;
    background:rgba(255,255,255,.04);
    box-shadow:0 0 0 1px rgba(56,189,248,.08),0 0 22px rgba(var(--ops-cursor-rgb),.16);
    transition:width .18s ease,height .18s ease,margin .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;
  }
  body.operations-cursor-visible .operations-cursor-dot,
  body.operations-cursor-visible .operations-cursor-ring{opacity:1}
  body.operations-cursor-active .operations-cursor-ring{
    width:46px;height:46px;margin:-23px 0 0 -23px;
    border-color:rgba(56,189,248,.70);
    background:rgba(56,189,248,.06);
    box-shadow:0 0 0 5px rgba(56,189,248,.055),0 0 26px rgba(56,189,248,.17);
  }
}

@media(max-width:760px){
  body.m2a-master-template.operations-page .metric-card{box-shadow:0 15px 36px rgba(71,85,105,.08),inset 0 1px 0 #fff !important}
  body.m2a-master-template.operations-page .workflow-step{box-shadow:0 14px 34px rgba(71,85,105,.07),inset 0 1px 0 #fff !important}
}