/* HENDAR UALL-AE — Executive Signal Board
   A single continuous instrument surface. No KPI cards and no bento tiles. */

#dashboardView #metricsGrid.enterprise-metrics-grid{
  display:block!important;
  min-width:0!important;
  margin:16px 0 18px!important;
  overflow:visible!important;
}

.executive-signal-board{
  --signal-ink:#061724;
  --signal-navy:#08283f;
  --signal-navy-2:#0b3550;
  --signal-steel:#91a8b6;
  --signal-paper:#e8f0f3;
  --signal-bronze:#c69346;
  --signal-line:rgba(218,232,239,.14);
  position:relative;
  isolation:isolate;
  display:grid;
  grid-template-columns:minmax(210px,.82fr) minmax(280px,1.1fr) minmax(360px,1.55fr) minmax(178px,.66fr);
  grid-template-rows:58px minmax(270px,auto) 34px;
  min-width:0;
  overflow:hidden;
  color:#fff;
  background:
    linear-gradient(104deg,rgba(255,255,255,.025),transparent 24% 72%,rgba(255,255,255,.018)),
    linear-gradient(112deg,var(--signal-ink) 0%,var(--signal-navy) 47%,#092c43 76%,#071c2c 100%);
  border:1px solid rgba(24,68,96,.8);
  box-shadow:0 18px 44px rgba(4,24,38,.18),inset 0 1px 0 rgba(255,255,255,.07);
  clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,26px 100%,0 calc(100% - 26px));
  direction:ltr;
}
.executive-signal-board::before{
  content:"";
  position:absolute;
  z-index:4;
  inset:0 auto auto 0;
  width:42%;
  height:3px;
  background:linear-gradient(90deg,var(--signal-bronze),rgba(198,147,70,.1));
}
.executive-signal-board::after{
  content:"";
  position:absolute;
  z-index:4;
  top:0;
  right:0;
  width:26px;
  height:26px;
  background:linear-gradient(135deg,transparent 48%,var(--signal-bronze) 50% 54%,transparent 56%);
  opacity:.85;
}
.signal-board-grid{
  position:absolute;
  z-index:-1;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(175,205,219,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(175,205,219,.04) 1px,transparent 1px),
    linear-gradient(117deg,transparent 0 68%,rgba(198,147,70,.055) 68% 68.15%,transparent 68.15%);
  background-size:34px 34px,34px 34px,100% 100%;
  mask-image:linear-gradient(90deg,rgba(0,0,0,.7),rgba(0,0,0,.16) 55%,rgba(0,0,0,.45));
}

.signal-board-header{
  grid-column:1/-1;
  grid-row:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:0 24px;
  border-bottom:1px solid var(--signal-line);
  direction:rtl;
}
.signal-board-heading{display:flex;align-items:center;gap:15px;min-width:0}
.signal-board-heading span,
.signal-section-index,
.signal-board-footer,
.signal-board-live span{
  font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;
  letter-spacing:.12em;
  direction:ltr;
}
.signal-board-heading span{color:var(--signal-bronze);font-size:.64rem;font-weight:800;white-space:nowrap}
.signal-board-heading strong{font-size:1rem;font-weight:850;white-space:nowrap}
.signal-board-live{display:flex;align-items:center;gap:8px;color:#b7cad4;font-size:.62rem;direction:ltr}
.signal-board-live i{width:7px;height:7px;background:#70c9a8;box-shadow:0 0 0 4px rgba(112,201,168,.1),0 0 14px rgba(112,201,168,.34)}
.signal-board-live b{padding-inline-start:8px;border-inline-start:1px solid var(--signal-line);color:#e7eef1;font-size:.68rem;direction:rtl}

.executive-signal-board .dashboard-metric-card{
  appearance:none!important;
  position:relative!important;
  width:auto!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:inherit!important;
  box-shadow:none!important;
  font:inherit!important;
  text-align:inherit!important;
  transform:none!important;
  overflow:hidden!important;
}
.executive-signal-board .dashboard-metric-card::before,
.executive-signal-board .dashboard-metric-card::after{content:none!important;display:none!important}
.executive-signal-board .dashboard-metric-card:hover{
  transform:none!important;
  background:rgba(255,255,255,.035)!important;
}
.executive-signal-board .dashboard-metric-card:focus-visible{
  outline:2px solid var(--signal-bronze)!important;
  outline-offset:-3px!important;
}
.executive-signal-board svg{fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.signal-section-index{display:block;color:#718c9c;font-size:.58rem;font-weight:800;white-space:nowrap}

.signal-projects{
  grid-column:1;
  grid-row:2;
  display:flex!important;
  flex-direction:column;
  justify-content:space-between;
  padding:22px 23px 20px!important;
  border-right:1px solid var(--signal-line)!important;
  direction:rtl;
}
.signal-projects::selection{background:transparent}
.signal-projects-icon{position:absolute;top:67px;left:22px;width:54px;height:54px;color:rgba(176,205,218,.13)}
.signal-projects-icon svg{width:100%;height:100%;stroke-width:1.1}
.signal-projects-copy{display:grid;align-content:end;flex:1;padding-top:18px}
.signal-projects-copy small{color:#bdd0d9;font-size:.82rem;font-weight:750}
.signal-projects-copy strong{
  margin:9px 0 5px;
  color:#fff;
  font-size:clamp(4.7rem,7vw,7rem);
  font-weight:900;
  line-height:.78;
  letter-spacing:-.075em;
  direction:ltr;
  text-align:right;
  text-shadow:0 10px 34px rgba(0,0,0,.2);
}
.signal-projects-copy b{color:var(--signal-bronze);font-size:.74rem;font-weight:780}
.signal-open-cue{display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid var(--signal-line);color:#dbe6ea;font-size:.67rem;font-weight:750}
.signal-open-cue i{color:var(--signal-bronze);font-size:1rem;font-style:normal;direction:ltr}

.signal-finance{
  grid-column:2;
  grid-row:2;
  display:grid;
  grid-template-rows:auto 1fr 1fr;
  min-width:0;
  padding:22px 25px 20px;
  border-right:1px solid var(--signal-line);
  direction:rtl;
}
.signal-finance>header{padding-bottom:13px;border-bottom:1px solid var(--signal-line)}
.signal-finance>header strong{display:block;margin-top:6px;color:#f7fafb;font-size:1.05rem}
.signal-finance>header em{display:block;margin-top:4px;color:#718c9c;font-size:.6rem;font-style:normal}
.signal-finance-row{
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  padding:13px 0!important;
  direction:rtl;
}
.signal-finance-row+.signal-finance-row{border-top:1px solid var(--signal-line)!important}
.signal-row-icon{display:grid;place-items:center;width:32px;height:32px;color:var(--signal-bronze);border:1px solid rgba(198,147,70,.32)}
.signal-row-icon svg{width:18px;height:18px}
.signal-row-copy{display:block;min-width:0}
.signal-row-copy small{display:block;color:#9db2bd;font-size:.67rem;font-weight:720}
.signal-row-copy strong{
  display:block;
  max-width:100%;
  margin-top:6px;
  color:#f7fafb;
  font-size:clamp(1.28rem,2vw,2rem);
  line-height:1;
  letter-spacing:-.035em;
  direction:ltr;
  text-align:right;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.signal-finance-row>i{color:#6f8b9b;font-size:.86rem;font-style:normal;direction:ltr}
.signal-finance-row:hover .signal-row-icon{color:#fff;border-color:var(--signal-bronze)}

.signal-progress{
  grid-column:3;
  grid-row:2;
  display:grid!important;
  grid-template-rows:auto 1fr auto auto;
  align-content:stretch;
  padding:22px 27px 20px!important;
  border-right:1px solid var(--signal-line)!important;
  direction:rtl;
}
.signal-progress-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:7px 0 11px}
.signal-progress-heading small{padding-bottom:8px;color:#c0d0d7;font-size:.88rem;font-weight:780}
.signal-progress-heading strong{color:#fff;font-size:clamp(3.9rem,5.8vw,6.6rem);font-weight:900;line-height:.8;letter-spacing:-.07em;direction:ltr}
.signal-progress-heading strong i{color:var(--signal-bronze);font-size:.34em;font-style:normal;letter-spacing:0}
.signal-progress-axis{position:relative;display:block;height:62px;margin-top:16px;border-top:1px solid rgba(194,214,223,.28);direction:ltr}
.signal-progress-axis::before{content:"";position:absolute;top:-4px;left:0;width:100%;height:7px;background:repeating-linear-gradient(90deg,transparent 0 calc(5% - 1px),rgba(177,204,216,.25) calc(5% - 1px) 5%)}
.signal-progress-fill{position:absolute;top:-2px;left:0;width:var(--signal-progress);height:3px;background:linear-gradient(90deg,#8a642e,var(--signal-bronze));box-shadow:0 0 15px rgba(198,147,70,.24)}
.signal-progress-marker{position:absolute;top:-8px;left:clamp(0px,var(--signal-progress),calc(100% - 2px));width:2px;height:36px;background:var(--signal-bronze);box-shadow:0 0 0 4px rgba(198,147,70,.09)}
.signal-progress-axis>span{position:absolute;top:17px;left:var(--tick);height:12px;border-left:1px solid rgba(188,207,216,.26)}
.signal-progress-axis>span b{position:absolute;top:14px;left:0;transform:translateX(-50%);color:#718b99;font:700 .55rem/1 ui-monospace,SFMono-Regular,Consolas,monospace}
.signal-progress-axis>span:first-of-type b{transform:none}.signal-progress-axis>span:last-of-type b{transform:translateX(-100%)}
.signal-progress-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:10px;border-top:1px solid var(--signal-line);color:#8ea5b1;font-size:.62rem}
.signal-progress-foot b{font-weight:720;direction:ltr}.signal-progress-foot i{color:#dce6ea;font-style:normal;font-weight:760}

.signal-status-rail{
  grid-column:4;
  grid-row:2;
  display:grid;
  grid-template-rows:auto 1fr 1fr;
  min-width:0;
  padding:22px 0 20px;
  direction:rtl;
}
.signal-status-rail>.signal-section-index{padding:0 18px 13px;border-bottom:1px solid var(--signal-line)}
.signal-status{
  display:grid!important;
  grid-template-columns:7px 28px minmax(0,1fr) auto;
  grid-template-rows:auto auto auto;
  align-content:center;
  column-gap:9px;
  padding:13px 17px!important;
  direction:rtl;
}
.signal-status+.signal-status{border-top:1px solid var(--signal-line)!important}
.signal-status-light{grid-column:1;grid-row:1/-1;align-self:stretch;width:3px;min-height:58px;background:#557081}
.signal-status>span:nth-child(2){grid-column:2;grid-row:1/-1;align-self:start;color:#718c9b}
.signal-status>span:nth-child(2) svg{width:25px;height:25px}
.signal-status small{grid-column:3;grid-row:1;color:#9db2bd;font-size:.61rem;font-weight:720;white-space:nowrap}
.signal-status strong{grid-column:4;grid-row:1/3;align-self:center;color:#fff;font-size:2.2rem;line-height:.8;direction:ltr}
.signal-status b{grid-column:3;grid-row:2;margin-top:5px;color:#d3e0e5;font-size:.61rem;line-height:1.35}
.signal-status.has-action .signal-status-light{background:#d89a3d;box-shadow:0 0 12px rgba(216,154,61,.25)}
.signal-status.has-action>span:nth-child(2){color:#d6a052}
.signal-status.has-risk .signal-status-light{background:#d85b63;box-shadow:0 0 12px rgba(216,91,99,.22)}
.signal-status.has-risk>span:nth-child(2){color:#d66a71}
.signal-status.is-clear .signal-status-light{background:#5fb294;box-shadow:0 0 12px rgba(95,178,148,.2)}

.signal-board-footer{
  grid-column:1/-1;
  grid-row:3;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:24px;
  padding:0 24px;
  border-top:1px solid var(--signal-line);
  color:#617d8d;
  font-size:.52rem;
  direction:ltr;
}
.signal-board-footer span{white-space:nowrap}.signal-board-footer b{color:#9bb0bb;font-weight:800}

html[dir="ltr"] .executive-signal-board :is(.signal-board-header,.signal-projects,.signal-finance,.signal-finance-row,.signal-progress,.signal-status-rail,.signal-status){direction:ltr}
html[dir="ltr"] .signal-projects-copy strong,
html[dir="ltr"] .signal-row-copy strong{text-align:left}

@media(max-width:1280px){
  .executive-signal-board{grid-template-columns:minmax(190px,.8fr) minmax(260px,1.1fr) minmax(330px,1.45fr);grid-template-rows:58px minmax(260px,auto) 156px 34px}
  .signal-projects{grid-column:1;grid-row:2}.signal-finance{grid-column:2;grid-row:2}.signal-progress{grid-column:3;grid-row:2;border-right:0!important}
  .signal-status-rail{grid-column:1/-1;grid-row:3;grid-template-columns:170px 1fr 1fr;grid-template-rows:1fr;padding:0;border-top:1px solid var(--signal-line)}
  .signal-status-rail>.signal-section-index{display:flex;align-items:center;padding:18px;border:0;border-right:1px solid var(--signal-line)}
  .signal-status{grid-template-columns:7px 30px minmax(0,1fr) auto!important;padding:18px 22px!important}.signal-status+.signal-status{border-top:0!important;border-left:1px solid var(--signal-line)!important}
  .signal-board-footer{grid-row:4}
}

@media(max-width:860px){
  .executive-signal-board{display:block;clip-path:none;border-left:3px solid var(--signal-bronze)}
  .signal-board-header{min-height:66px;padding:0 17px}.signal-board-heading span{display:none}.signal-board-live span{display:none}
  .signal-projects,.signal-finance,.signal-progress,.signal-status-rail{border:0!important;border-bottom:1px solid var(--signal-line)!important}
  .signal-projects{min-height:230px;padding:20px!important}.signal-finance{padding:20px}.signal-progress{min-height:270px;padding:20px!important}
  .signal-status-rail{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;padding:0}.signal-status-rail>.signal-section-index{grid-column:1/-1;display:block;padding:14px 17px;border:0;border-bottom:1px solid var(--signal-line)}
  .signal-status{min-height:125px;padding:15px!important}.signal-status+.signal-status{border-left:1px solid var(--signal-line)!important}
  .signal-board-footer{min-height:34px;padding:0 17px;overflow:hidden}.signal-board-footer span:nth-child(2){display:none}
}

@media(max-width:520px){
  .signal-board-heading strong{font-size:.9rem}.signal-board-live b{display:none}
  .signal-projects-copy strong{font-size:5.2rem}.signal-progress-heading strong{font-size:4.3rem}
  .signal-status-rail{grid-template-columns:1fr}.signal-status+.signal-status{border-left:0!important;border-top:1px solid var(--signal-line)!important}
  .signal-row-copy strong{font-size:1.38rem}
}

@media(prefers-reduced-motion:reduce){.executive-signal-board .dashboard-metric-card{transition:none!important}}