/* =========================================================
   M2A GROUP — SECTORS PREMIUM RIBBON / ICON / CONTRAST LAYER
   Purpose: premium material depth + comfortable readable contrast only.
   ========================================================= */

body.m2a-master-template.sectors-page{
  --premium-dark:#090D16;
  --premium-ink:#111827;
  --premium-white:#F8FAFC;
}

/* Main network ribbon — deep polished material with restrained gold edge light. */
body.m2a-master-template.sectors-page .sector-signal-ribbon{
  isolation:isolate;
  border-color:rgba(212,175,55,.34) !important;
  background:
    linear-gradient(110deg,rgba(255,255,255,.035),transparent 26%,rgba(212,175,55,.025) 52%,transparent 76%),
    radial-gradient(circle at 10% 12%,rgba(14,165,233,.10),transparent 26%),
    radial-gradient(circle at 90% 86%,rgba(212,175,55,.12),transparent 28%),
    linear-gradient(135deg,#0B0F12 0%,#090D16 54%,#111827 100%) !important;
  box-shadow:
    0 30px 86px rgba(7,10,16,.27),
    0 0 0 1px rgba(212,175,55,.055),
    0 0 38px rgba(212,175,55,.12),
    inset 0 1px 0 rgba(255,255,255,.07),
    inset 0 -1px 0 rgba(212,175,55,.08) !important;
}
body.m2a-master-template.sectors-page .sector-signal-ribbon::before{
  opacity:.82 !important;
}
body.m2a-master-template.sectors-page .sector-signal-title{
  color:#F8FAFC !important;
  text-shadow:0 1px 0 rgba(0,0,0,.35),0 0 14px rgba(255,255,255,.05);
}
body.m2a-master-template.sectors-page .sector-signal-count{
  color:#E7C95B !important;
  text-shadow:0 0 14px rgba(212,175,55,.20);
}
body.m2a-master-template.sectors-page .sector-signal-item{
  min-height:42px;
  color:#F1F5F9 !important;
  border-color:rgba(var(--chip-rgb),.40) !important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018)),
    radial-gradient(circle at 50% 0%,rgba(var(--chip-rgb),.18),transparent 72%) !important;
  box-shadow:
    0 9px 24px rgba(0,0,0,.18),
    0 0 16px rgba(var(--chip-rgb),.08),
    inset 0 1px 0 rgba(255,255,255,.06) !important;
}
body.m2a-master-template.sectors-page .sector-signal-item i{
  box-shadow:0 0 0 4px rgba(var(--chip-rgb),.09),0 0 18px rgba(var(--chip-rgb),.62) !important;
}

/* Image title treatment — sector colour + readable material backing. */
body.m2a-master-template.sectors-page .sector-image-identity strong{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border-color:rgba(255,255,255,.34) !important;
  color:var(--sector-on) !important;
  background:
    linear-gradient(110deg,rgba(255,255,255,.16),transparent 28%,rgba(255,255,255,.04) 60%),
    rgba(var(--sector-rgb),.96) !important;
  box-shadow:
    0 16px 38px rgba(0,0,0,.16),
    0 0 26px rgba(var(--sector-rgb),.24),
    inset 0 1px 0 rgba(255,255,255,.30),
    inset 0 -1px 0 rgba(0,0,0,.08) !important;
  text-shadow:0 1px 1px rgba(0,0,0,.12);
}

/* Premium icon capsule — multi-layer metal/glass depth while retaining sector identity. */
body.m2a-master-template.sectors-page .sector-image-identity .sector-icon{
  isolation:isolate;
  overflow:visible;
  border:1px solid rgba(255,255,255,.38) !important;
  color:var(--sector-on) !important;
  background:
    radial-gradient(circle at 30% 20%,rgba(255,255,255,.28),transparent 36%),
    linear-gradient(145deg,rgba(var(--sector-rgb),1),rgba(var(--sector-rgb),.82)) !important;
  box-shadow:
    0 16px 38px rgba(0,0,0,.17),
    0 0 0 5px rgba(var(--sector-rgb),.08),
    0 0 28px rgba(var(--sector-rgb),.28),
    inset 0 1px 0 rgba(255,255,255,.36),
    inset 0 -1px 0 rgba(0,0,0,.12) !important;
}
body.m2a-master-template.sectors-page .sector-image-identity .sector-icon::before{
  inset:7px !important;
  border:1px solid rgba(255,255,255,.22) !important;
  background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(0,0,0,.025)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12) !important;
}
body.m2a-master-template.sectors-page .sector-image-identity .sector-icon svg{
  color:var(--sector-on) !important;
  stroke:currentColor !important;
  filter:drop-shadow(0 1px 0 rgba(0,0,0,.16)) drop-shadow(0 0 7px rgba(255,255,255,.12));
}

/* Operational chips — same sector colour, smaller visual weight, safe text contrast. */
body.m2a-master-template.sectors-page .sector-image-chips span,
body.m2a-master-template.sectors-page .sector-image-action{
  color:var(--sector-on) !important;
  border-color:rgba(255,255,255,.34) !important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.11),rgba(0,0,0,.025)),
    rgba(var(--sector-rgb),.96) !important;
  box-shadow:
    0 10px 26px rgba(0,0,0,.15),
    0 0 18px rgba(var(--sector-rgb),.16),
    inset 0 1px 0 rgba(255,255,255,.24) !important;
  text-shadow:0 1px 1px rgba(0,0,0,.10);
}

/* Bottom reading ribbon — solid enough to read over any photograph. */
body.m2a-master-template.sectors-page .sector-image-ticker{
  position:absolute;
  isolation:isolate;
  border-top:1px solid rgba(255,255,255,.30);
  color:var(--sector-on) !important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.10),rgba(0,0,0,.055)),
    rgba(var(--sector-rgb),.985) !important;
  box-shadow:
    0 -16px 40px rgba(0,0,0,.18),
    0 -4px 22px rgba(var(--sector-rgb),.18),
    inset 0 1px 0 rgba(255,255,255,.26),
    inset 0 -1px 0 rgba(0,0,0,.08) !important;
}
body.m2a-master-template.sectors-page .sector-image-ticker::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(105deg,rgba(255,255,255,.10),transparent 22%,transparent 72%,rgba(255,255,255,.035));
}
body.m2a-master-template.sectors-page .sector-image-ticker-label{
  color:var(--sector-on) !important;
  border-inline-end:1px solid rgba(255,255,255,.28) !important;
  background:rgba(5,9,14,.16) !important;
  text-shadow:0 1px 1px rgba(0,0,0,.12);
}
body.m2a-master-template.sectors-page .sector-image-ticker-group span{
  color:var(--sector-on) !important;
  text-shadow:0 1px 1px rgba(0,0,0,.11);
}

/* Mobile preserves clarity without expensive filters or oversized glow. */
@media(max-width:760px){
  body.m2a-master-template.sectors-page .sector-signal-ribbon{
    box-shadow:0 20px 56px rgba(7,10,16,.22),0 0 24px rgba(212,175,55,.08),inset 0 1px 0 rgba(255,255,255,.05) !important;
  }
  body.m2a-master-template.sectors-page .sector-image-identity strong,
  body.m2a-master-template.sectors-page .sector-image-identity .sector-icon,
  body.m2a-master-template.sectors-page .sector-image-chips span,
  body.m2a-master-template.sectors-page .sector-image-action{
    box-shadow:0 8px 20px rgba(0,0,0,.14),0 0 14px rgba(var(--sector-rgb),.12),inset 0 1px 0 rgba(255,255,255,.20) !important;
  }
  body.m2a-master-template.sectors-page .sector-image-ticker{
    box-shadow:0 -10px 28px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.22) !important;
  }
}

@media(prefers-reduced-motion:reduce){
  body.m2a-master-template.sectors-page .sector-signal-item,
  body.m2a-master-template.sectors-page .sector-image-identity .sector-icon{transition:none !important}
}