/* Variables */
.steel { --steel-badge-size: 28px; --steel-default-link-color: #333; --steel-default-background: #fff; --steel-default-border-color: #ccc; --steel-pass-background: rgba(0,255,0,.12); --steel-pass-border-color: rgba(0,255,0,.25); --steel-critical-background: rgba(255,0,0,.12); --steel-critical-border-color: rgba(255,0,0,.25); --steel-skip-background: rgba(0,0,0,.04); --steel-skip-border-color: rgba(0,0,0,.25); --steel-warning-background: rgba(255,127,0,.12); --steel-warning-border-color: rgba(255,127,0,.25); --steel-accent: #2271b1;  }

/* Top Bar */
.steel #steel_top_bar { position: relative; z-index: 25; display: flex; flex-wrap: wrap; gap: 1rem 2rem; align-items: center; padding: 1rem; margin-top: 1.25rem; border: 1px solid var(--steel-default-border-color); background: #fff; }
.steel #steel_top_bar #steel_logo { flex: 0 1 auto; max-width: 100%; }
.steel #steel_top_bar #steel_logo .steel-logoImg { display: block; width: 220px; max-width: 300px; height: auto; }
.steel #steel_top_bar #steel_nav { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem; margin-left: 2rem; }
.steel #steel_top_bar #steel_nav a { display: inline-flex; color: var(--steel-default-link-color); padding: .5rem .75rem; text-transform: uppercase; letter-spacing: .04em; text-decoration:none; border-radius: 4px; border: 1px solid var(--steel-default-border-color); background-color: var(--steel-default-background); }
.steel #steel_top_bar #steel_nav a:hover { border-color: #999; background: #f6f7f7; }
.steel #steel_top_bar #steel_nav a.active { background: #fff; border-color: #bbb; box-shadow: inset 0 -2px 0 var(--steel-accent); color: var(--steel-accent); }
.steel #steel_top_bar .steel-navGroup { position: relative; display: inline-flex; align-items: stretch; }
.steel #steel_top_bar .steel-navGroup::after { content: ""; position: absolute; left: 0; right: 0; top: 100%; height: 8px; }
.steel #steel_top_bar .steel-navSubmenu { position: absolute; top: calc(100% - 2px); left: 0; min-width: 200px; display: none; flex-direction: column; gap: .35rem; padding: .5rem; border: 1px solid var(--steel-default-border-color); border-radius: 8px; background: #fff; box-shadow: 0 8px 20px rgba(0,0,0,.14); z-index: 100; }
.steel #steel_top_bar .steel-navGroup:hover .steel-navSubmenu,
.steel #steel_top_bar .steel-navGroup:focus-within .steel-navSubmenu { display: flex; }
.steel #steel_top_bar #steel_nav .steel-navSubmenu a.steel-navSubmenu__item { text-transform: none; letter-spacing: 0; justify-content: flex-start; }
.steel #steel_top_bar #steel_nav .steel-navSubmenu a.steel-navSubmenu__item.active { color: var(--steel-accent); border-color: #bbb; box-shadow: inset 3px 0 0 var(--steel-accent); }
.steel #steel_top_bar .steel-status { margin-left: auto; display: inline-flex; align-items: center; padding: .35rem .7rem; border-radius: 999px; font-weight: 700; letter-spacing: .03em; text-transform: uppercase; border: 1px solid rgba(46,125,50,.35); background: rgba(46,125,50,.1); color: #1e5a22; }

/* Dashboard */
.steel.steel-dashboard .steel-dashboard__subtitle { margin: .45rem 0 1rem; color: #3c434a; }
.steel.steel-dashboard .steel-dashboard__summaryGrid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .9rem; margin-bottom: .9rem; }
.steel.steel-dashboard .steel-dashboard__scoreWrap #steel_score_panel,
.steel.steel-dashboard .steel-dashboard__scoreWrap #steel_hardening_score_panel { margin: 0; }
.steel.steel-dashboard .steel-dashboard__scorePanel { position: relative; }
.steel.steel-dashboard .steel-dashboard__scorePanel #steel_score_panel,
.steel.steel-dashboard .steel-dashboard__scorePanel #steel_hardening_score_panel { padding-bottom: 3.1rem; }
.steel.steel-dashboard .steel-dashboard__scoreActions { position: absolute; right: 1rem; bottom: 1rem; margin: 0; }
.steel.steel-dashboard .steel-dashboard__panel { margin: 0 0 .9rem; padding: .9rem 1rem; border: 1px solid var(--steel-default-border-color); border-radius: 8px; background: #fff; }
.steel.steel-dashboard .steel-dashboard__panel h2 { margin: 0; font-size: 1.05rem; line-height: 1.3; }
.steel.steel-dashboard .steel-dashboard__panelHeader { display: flex; align-items: center; justify-content: space-between; gap: .75rem; margin-bottom: .55rem; }
.steel.steel-dashboard .steel-dashboard__list { margin: .45rem 0 0 1rem; }
.steel.steel-dashboard .steel-dashboard__list li + li { margin-top: .35rem; }
.steel.steel-dashboard .steel-dashboard__statLine { margin: .2rem 0; }
.steel.steel-dashboard .steel-dashboard__actions { display: flex; flex-wrap: wrap; gap: .55rem; margin-top: .55rem; }
.steel.steel-dashboard .steel-dashboard__stale { margin: .25rem 0; color: #8a5200; font-weight: 600; }
.steel.steel-dashboard .steel-dashboard__proOpsGrid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 960px) {
	.steel.steel-dashboard .steel-dashboard__summaryGrid { grid-template-columns: 1fr; }
	.steel.steel-dashboard .steel-dashboard__panelHeader { align-items: flex-start; flex-direction: column; }
	.steel.steel-dashboard .steel-dashboard__proOpsGrid { grid-template-columns: 1fr; }
}

/* About page */
.steel.steel-aboutPage .steel-aboutHero { margin: 1.25rem 0 1rem; padding: 1rem 1.1rem; border: 1px solid var(--steel-default-border-color); border-radius: 8px; background: linear-gradient(180deg, #fff 0%, #f7f9fb 100%); }
.steel.steel-aboutPage .steel-aboutHero h1 { margin: 0 0 .45rem; font-size: 1.85rem; line-height: 1.2; }
.steel.steel-aboutPage .steel-aboutLead { margin: 0; font-size: 1.02rem; color: #1f2328; }
.steel.steel-aboutPage .steel-aboutGrid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .9rem; margin: .85rem 0; }
.steel.steel-aboutPage .steel-aboutCard { margin: 0; padding: 1rem 1.1rem; border: 1px solid var(--steel-default-border-color); border-radius: 8px; background: #fff; }
.steel.steel-aboutPage .steel-aboutCard h2 { margin: 0 0 .55rem; font-size: 1.15rem; line-height: 1.3; }
.steel.steel-aboutPage .steel-aboutCard p { margin: 0; line-height: 1.55; }
.steel.steel-aboutPage .steel-aboutCard--full { grid-column: 1 / -1; }
.steel.steel-aboutPage .steel-aboutList { margin: 0; padding-left: 1.15rem; line-height: 1.55; }
.steel.steel-aboutPage .steel-aboutList li + li { margin-top: .35rem; }
.steel.steel-aboutPage .steel-aboutMeta { margin: 1rem 0 0; padding: .85rem 1rem; border: 1px solid var(--steel-default-border-color); border-radius: 8px; background: #f8f9fa; color: #3c434a; }
.steel.steel-aboutPage .steel-aboutMeta p { margin: .2rem 0; }
@media (max-width: 960px) {
    .steel.steel-aboutPage .steel-aboutGrid { grid-template-columns: 1fr; }
}

/* Scan */
.steel #steel_scan_results { display:flex; flex-direction:column; gap:.5rem; }
.steel .steel-group { border:1px solid var(--steel-default-border-color); border-radius:8px; background:var(--steel-default-background); }
.steel .steel-group + .steel-group { margin-top:.75rem; }
.steel .steel-group__summary { display:flex; align-items:center; gap:.75rem; padding:.6rem .8rem; cursor:pointer; user-select:none; }
.steel .steel-group__title { font-weight:600; }
.steel .steel-group__count { margin-left:.35rem; font-weight:600; border:1px solid var(--steel-default-border-color); border-radius:999px; padding:.15rem .55rem; background:rgba(0,0,0,.03); }
.steel .steel-group__body { padding:.5rem; display:flex; flex-direction:column; gap:.5rem; }
.steel .steel-automationGrid > .steel-group .steel-group__body { padding:.4rem 1rem .55rem; }
.steel .steel-group__summary:hover { filter: brightness(0.98); }
.steel .steel-group__summary:focus-visible { outline: 2px solid rgba(0,0,0,.35); outline-offset: 2px; border-radius: 6px; }
.steel .steel-group__summary::after { content: "▸"; margin-left: auto; opacity: .7; transform: translateY(-1px); }
.steel details[open] > .steel-group__summary::after { content: "▾"; }
.steel .steel-empty { opacity:.7; padding:.35rem .25rem; }
.steel details > summary { list-style: none; }
.steel details > summary::-webkit-details-marker { display: none; }
.steel .steel-group--critical { border-left: 4px solid #d63638; }
.steel .steel-group--warning { border-left: 4px solid #dba617; }
.steel .steel-group--pass { border-left: 4px solid #2e7d32; }
.steel .steel-group--skip { border-left: 4px solid rgba(0,0,0,.35); }
.steel .steel-group--critical .steel-group__summary { background: var(--steel-critical-background); }
.steel .steel-group--warning .steel-group__summary { background: var(--steel-warning-background); }
.steel .steel-group--skip .steel-group__summary { background: var(--steel-skip-background); }
.steel .steel-group--pass .steel-group__summary { background: var(--steel-pass-background); }
.steel .steel-group--critical .steel-group__count { background: rgba(214,54,56,.1); border-color: rgba(214,54,56,.3); color: #b32d2e; }
.steel .steel-group--warning .steel-group__count { background: rgba(219,166,23,.1); border-color: rgba(219,166,23,.3); color: #946200; }
.steel .steel-group--pass .steel-group__count { background: rgba(46,125,50,.1); border-color: rgba(46,125,50,.3); color: #1e5a22; }

/* Category blocks inside a group */
.steel .steel-cat { margin-top: .25rem; border: 1px solid var(--steel-default-border-color); border-radius: 8px; background: var(--steel-default-background); }
.steel .steel-cat + .steel-cat { margin-top: .5rem; }
.steel .steel-cat__label { font-weight: 600; letter-spacing: .02em; text-transform: uppercase; font-size: 12px; }
.steel .steel-cat__header { display:flex; align-items:center; gap:.75rem; padding:.45rem .65rem; border-bottom:1px solid var(--steel-default-border-color); background: rgba(0,0,0,.03); }
.steel .steel-cat__title { font-weight: 600; letter-spacing: .02em; }
.steel .steel-cat__count { margin-left:auto; font-weight:600; border:1px solid var(--steel-default-border-color); border-radius:999px; padding:.1rem .5rem; background: rgba(0,0,0,.03); }
.steel .steel-cat__items { padding: .5rem; display:flex; flex-direction:column; gap:.5rem; }

/* Hardening */
.steel .steel-hardeningIntro { margin: .6rem 0 1rem; max-width: none; }
.steel .steel-hardeningGrid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .9rem; }
.steel .steel-hardeningCard { margin: 0; padding: .9rem 1rem; border: 1px solid var(--steel-default-border-color); border-radius: 8px; background: #fff; display: flex; flex-direction: column; gap: .7rem; }
.steel .steel-hardeningCard__header { display: flex; align-items: flex-start; justify-content: space-between; gap: .8rem; }
.steel .steel-hardeningCard__title { margin: 0; font-size: 1.02rem; line-height: 1.35; }
.steel .steel-hardeningCard__status { display: inline-flex; white-space: nowrap; border: 1px solid var(--steel-default-border-color); border-radius: 999px; padding: .15rem .55rem; background: rgba(0,0,0,.04); font-size: .78rem; font-weight: 600; }
.steel .steel-hardeningCard__description { margin: 0; color: #3c434a; line-height: 1.5; }
.steel .steel-hardeningCard__issue .issue { margin: 0; }
.steel .steel-hardeningCard.is-pass .steel-hardeningCard__status { background: var(--steel-pass-background); border-color: var(--steel-pass-border-color); color: #1e5a22; }
.steel .steel-hardeningCard.is-fail .steel-hardeningCard__status { background: var(--steel-warning-background); border-color: var(--steel-warning-border-color); color: #7a4b00; }
.steel .steel-hardeningCard.is-skip .steel-hardeningCard__status { background: var(--steel-skip-background); border-color: var(--steel-skip-border-color); color: #3c434a; }
.steel .steel-hardeningCard.is-advisory .steel-hardeningCard__status { background: #eef5fb; border-color: rgba(19,94,150,.2); color: #135e96; }
@media (max-width: 960px) {
	.steel .steel-hardeningGrid { grid-template-columns: 1fr; }
}

/* Reusuable display */
.steel .issue { display:flex; align-items:center; gap:.5rem; padding:.5rem .75rem; border:1px solid var(--steel-default-border-color); border-radius: 6px; background: var(--steel-default-background); }
.steel .issue.skip { background: var(--steel-skip-background); border-color: var(--steel-skip-border-color); }
.steel .issue.pass { background: var(--steel-pass-background); border-color: var(--steel-pass-border-color); }
.steel .issue.critical { background: var(--steel-critical-background); border-color: var(--steel-critical-border-color); }
.steel .issue.warning { background: var(--steel-warning-background); border-color: var(--steel-warning-border-color); }
.steel .issue.advisory { background: #eef5fb; border-color: rgba(19,94,150,.18); }
.steel .steel-issueWrap--advisory { display:grid; gap:.35rem; }
.steel .steel-issueFootnote { margin:0; font-size:.78rem; line-height:1.4; color:#135e96; }
.steel .issue .actions { margin-left:auto; display:flex; gap:.5rem; flex-wrap:wrap; justify-content:flex-end; }
.steel .issue .label { font-weight: 600; }
.steel .issue .message { flex: 1 1 auto; }

/* Issue label + status pill */
.steel .steel-issue__title { font-weight: 700; }
.steel .steel-pill { display:inline-flex; align-items:center; margin-left:.5rem; padding:.1rem .45rem; border-radius:999px; border:1px solid var(--steel-default-border-color); font-weight:700; font-size:.75rem; line-height:1.2; background: rgba(0,0,0,.03); }

/* Match your palette */
.steel .steel-pill--critical { background: var(--steel-critical-background); border-color: var(--steel-critical-border-color); }
.steel .steel-pill--warning  { background: var(--steel-warning-background);  border-color: var(--steel-warning-border-color); }
.steel .steel-pill--skip     { background: var(--steel-skip-background);     border-color: var(--steel-skip-border-color); }
.steel .steel-pill--pass     { background: var(--steel-pass-background);     border-color: var(--steel-pass-border-color); }
/* Badge */
.steel .steel-badge { user-select: none; display: inline-flex; align-items: center; gap: .35rem; pointer-events: none; cursor: default; background-color: var(--steel-skip-background); }
.steel .steel-badge__icon { display:inline-flex; line-height:0; }
.steel .steel-badge__svg  { width: var(--steel-badge-size); height: var(--steel-badge-size); display:block; }
.steel .steel-badge__text { font-weight: 600; }
.steel .steel-infoButton { display:inline-flex; align-items:center; justify-content:center; gap:0; width:28px; height:28px; padding:0; overflow:hidden; border:1px solid rgba(0,0,0,.14); border-radius:999px; text-decoration:none; color:var(--steel-default-link-color); background:rgba(0,0,0,.03); transition:all .15s ease; white-space:nowrap; }
.steel .steel-infoButton:hover { width:auto; min-width:28px; padding:0 .6rem 0 .45rem; gap:.35rem; background:rgba(34,113,177,.08); border-color:rgba(34,113,177,.28); color:var(--steel-accent); }
.steel .steel-infoButton:focus-visible { width:auto; min-width:28px; padding:0 .6rem 0 .45rem; gap:.35rem; }
.steel .steel-infoButton:focus-visible { outline:2px solid rgba(34,113,177,.35); outline-offset:2px; }
.steel .steel-infoButton__icon { font-weight:700; font-size:.95rem; line-height:1; }
.steel .steel-infoButton__text { max-width:0; opacity:0; overflow:hidden; font-size:.78rem; font-weight:600; transition:max-width .15s ease, opacity .12s ease; }
.steel .steel-infoButton:hover .steel-infoButton__icon,
.steel .steel-infoButton:focus-visible .steel-infoButton__icon { display:none; }
.steel .steel-infoButton:hover .steel-infoButton__text,
.steel .steel-infoButton:focus-visible .steel-infoButton__text { max-width:90px; opacity:1; }

/* Score Panel */
.steel #steel_score_panel,
.steel #steel_hardening_score_panel { border: 1px solid var(--steel-default-border-color); background: var(--steel-default-background); border-radius: 10px; padding: 1rem; margin: .75rem 0 .75rem 0;  }
.steel .steel-score__row { display: flex; align-items: stretch; gap: 1rem;  }
.steel .steel-score__summary { min-width: 0; flex: 1 1 auto; display: grid; gap: .55rem; }
.steel .steel-score__topline { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; }
.steel .steel-score__headline { display: inline-flex; align-items: baseline; gap: .35rem;  }
.steel .steel-score__big { font-weight: 800; font-size: 1.8rem; line-height: 1;  }
.steel .steel-score__sep { opacity: .5; font-weight: 700; font-size: 1.3rem;  }
.steel .steel-score__label { margin-left: .35rem; font-weight: 700; letter-spacing: .02em; opacity: .9;  }
.steel .steel-score__meta { display: inline-flex; gap: .5rem; flex-wrap: wrap; justify-content:flex-end;  }
.steel #steel_hardening_score_panel .steel-score__meta { flex-wrap: nowrap; white-space: nowrap; overflow-x: auto; }
.steel .steel-score__pill { display: inline-flex; align-items: center; gap: .35rem; border: 1px solid var(--steel-default-border-color); border-radius: 999px; padding: .2rem .6rem; font-weight: 700; background: rgba(0,0,0,.03);  }
.steel .steel-score__pill--critical { background: rgba(214,54,56,.1); border-color: rgba(214,54,56,.3); color: #b32d2e;  }
.steel .steel-score__pill--warning { background: rgba(219,166,23,.1); border-color: rgba(219,166,23,.3); color: #946200;  }
.steel .steel-score__pill--skip { background: rgba(0,0,0,.06); border-color: rgba(0,0,0,.18); color: #333;  }
.steel .steel-score__pill--advisory { background: #eef5fb; border-color: rgba(19,94,150,.22); color: #135e96; }
.steel .steel-score__bar { height: 10px; border-radius: 999px; overflow: hidden; border: 1px solid var(--steel-default-border-color); background: rgba(0,0,0,.04);  }
.steel .steel-score__barFill { height: 100%; background: rgba(46,125,50,.35);  }
.steel .steel-score__foot { font-size: .9rem; opacity: .75;  }
.steel .steel-deepWorkerPanel { display:grid; gap:.75rem; margin:.75rem 0; }
.steel .steel-deepWorkerPanel .steel-score__row { justify-content:flex-start; }
.steel .steel-deepWorkerStatus { display:flex; align-items:center; }
.steel .steel-deepWorkerActions { margin-top:.75rem; }
.steel .steel-automation__topline { align-items:center; }
.steel .steel-automation__actions { align-items:center; flex-wrap:nowrap; justify-content:flex-end; }
.steel .steel-automation__runForm { margin:0; }
.steel .steel-automationButtonRow { display:flex; align-items:center; gap:.5rem; flex-wrap:wrap; }
.steel .steel-automationButtonRow form { margin:0; }
.steel .steel-automationButton { border-color:transparent; color:#fff; box-shadow:none; }
.steel .steel-automationButton:hover,
.steel .steel-automationButton:focus { color:#fff; border-color:transparent; box-shadow:none; }
.steel .steel-automationButton--start { background:#1e8e3e; }
.steel .steel-automationButton--start:hover,
.steel .steel-automationButton--start:focus { background:#187332; }
.steel .steel-automationButton--pause { background:#b7791f; }
.steel .steel-automationButton--pause:hover,
.steel .steel-automationButton--pause:focus { background:#965f15; }
.steel .steel-automationButton--resume { background:#2271b1; }
.steel .steel-automationButton--resume:hover,
.steel .steel-automationButton--resume:focus { background:#135e96; }
.steel .steel-automationButton--stop { background:#b32d2e; }
.steel .steel-automationButton--stop:hover,
.steel .steel-automationButton--stop:focus { background:#8f2424; }
.steel .steel-automationInlineField { display:flex; align-items:center; gap:.5rem; flex-wrap:wrap; margin:0; }
.steel .steel-automationInlineField label { flex:0 0 auto; }
.steel .steel-automationFieldGroup [data-steel-frequency-group] { display:flex; flex-wrap:wrap; gap:.6rem 1rem; align-items:flex-end; }
.steel .steel-automationFieldGroup [data-steel-frequency-group] .steel-automationInlineField { flex:0 1 auto; margin:0; }
.steel .steel-automationFieldGroup [data-steel-frequency-group] .steel-automationInlineField select { min-width:9rem; }
.steel .steel-automationGrid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:1rem; margin-top:1rem; align-items:stretch; }
.steel .steel-automationGrid > .steel-group + .steel-group { margin-top:0; }
.steel .steel-automationGrid > .steel-group { height:100%; }
.steel .steel-automationGrid > .steel-group .steel-group__summary::after { content:none; }
.steel .steel-automationGrid__submit { margin-top:1rem; }
.steel .steel-automationGrid__submit .button { margin:0; }
.steel .steel-riskScore { flex: 0 0 260px; display:flex; align-items:stretch; }
.steel .steel-riskScore__badge { min-width: 230px; width:100%; display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.9rem 1rem; border-radius:12px; border:1px solid var(--steel-default-border-color); background:rgba(0,0,0,.03); }
.steel .steel-riskScore__badge--good { background:rgba(46,125,50,.1); border-color:rgba(46,125,50,.24); color:#1f5e25; }
.steel .steel-riskScore__badge--attention { background:rgba(219,166,23,.12); border-color:rgba(219,166,23,.28); color:#7b5400; }
.steel .steel-riskScore__badge--risk { background:rgba(214,54,56,.1); border-color:rgba(214,54,56,.26); color:#9f1f22; }
.steel .steel-riskScore__title { flex:0 0 auto; display:flex; flex-direction:column; align-items:center; text-align:center; gap:.08rem; font-size:1rem; font-weight:800; letter-spacing:.06em; line-height:1.05; text-transform:uppercase; opacity:.82; }
.steel .steel-riskScore__titleLine { display:block; }
.steel .steel-riskScore__scoreGroup { min-width:0; flex:1 1 auto; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.18rem; text-align:center; }
.steel .steel-riskScore__value { font-size:1.8rem; font-weight:800; line-height:1; display:inline-flex; align-items:center; justify-content:center; gap:.12rem; }
.steel .steel-riskScore__current,
.steel .steel-riskScore__max { font-size:1.8rem; font-weight:800; line-height:1; }
.steel .steel-riskScore__slash { font-size:1.2rem; font-weight:800; line-height:1; display:inline-flex; align-items:center; justify-content:center; opacity:.72; }
.steel .steel-riskScore__descriptor { font-size:.92rem; font-weight:700; line-height:1.15; }
.steel .steel-riskTrend { display:grid; gap:.75rem; }
.steel .steel-riskTrend__chartWrap { position:relative; }
.steel .steel-riskTrend__chart { width:100%; height:auto; display:block; }
.steel .steel-riskTrend__axis { stroke: rgba(0,0,0,.18); stroke-width:1; }
.steel .steel-riskTrend__grid { stroke: rgba(0,0,0,.08); stroke-width:1; }
.steel .steel-riskTrend__tickLabel { fill: rgba(0,0,0,.62); font-size: 7px; }
.steel .steel-riskTrend__line { fill:none; stroke:#2271b1; stroke-width:2.5; stroke-linecap:round; stroke-linejoin:round; }
.steel .steel-riskTrend__dot { fill:#2271b1; }
.steel .steel-riskTrend__xTick { stroke: rgba(0,0,0,.28); stroke-width:1; }
.steel .steel-riskTrend__xLabel { fill: rgba(0,0,0,.62); font-size: 7px; }
.steel .steel-riskTrend__pointLink { cursor: pointer; }
.steel .steel-riskTrend__pointInteractive { cursor: default; transition: transform .08s ease; }
.steel .steel-riskTrend__pointLink .steel-riskTrend__pointInteractive { cursor: pointer; }
.steel .steel-riskTrend__pointInteractive:hover,
.steel .steel-riskTrend__pointInteractive:focus { stroke: #135e96; stroke-width: 2; }
.steel .steel-riskTrend__hoverTooltip { position:absolute; left:0; top:0; z-index:12; width:min(430px, calc(100% - 16px)); border:1px solid rgba(0,0,0,.18); border-radius:8px; background:#fff; box-shadow:0 6px 18px rgba(0,0,0,.16); padding:.5rem .65rem; font-size:.82rem; line-height:1.35; pointer-events:none; }
.steel .steel-riskTrend__meta { display:flex; gap:.5rem; flex-wrap:wrap; }
.steel .steel-historyOverview { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:1rem; align-items:stretch; margin:0 0 1.25rem; position:relative; z-index:1; }
.steel .steel-historyOverview > * { min-width:0; }
.steel .steel-historyTrend .steel-proPanel { background:#fff; }
.steel .steel-historyTrend .steel-proPanel,
.steel .steel-historySummary { display:flex; flex-direction:column; }
.steel .steel-historyTrend .steel-proLock { border:0; background:transparent; padding:0; max-width:none; }
.steel .steel-historyTrend .steel-riskTrend__meta { margin-top:.35rem; }
.steel .steel-historySummary p { margin:.5rem 0; }
.steel .steel-historyRuns { clear:both; margin-top:0; overflow-x:auto; position:relative; z-index:2; }
.steel .steel-historyRuns .widefat { margin-top:.5rem; }

/* Pro placeholders in free UI */
.steel .steel-proFeatureRail { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:1rem; margin:1rem 0; }
.steel .steel-proFeatureRail--trend { grid-template-columns:minmax(0, 1fr); margin-bottom:0; }
.steel .steel-proFeatureRail--compact { margin-top:.75rem; }
.steel .steel-proPromo { margin:.85rem 0 1rem; padding:1.1rem; border:1px solid var(--steel-default-border-color); border-radius:12px; background:linear-gradient(180deg, #f8fbff 0%, #eef5fb 100%); }
.steel .steel-proPromo__hero { max-width:72ch; }
.steel .steel-proPromo__eyebrow,
.steel .steel-proUpgrade__eyebrow { margin:0 0 .4rem; font-size:.78rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:#135e96; }
.steel .steel-proPromo__hero h2 { margin:0 0 .5rem; font-size:1.55rem; line-height:1.2; }
.steel .steel-proPromo__intro { margin:0; color:#24313d; line-height:1.6; }
.steel .steel-proPromo__grid { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:1rem; margin-top:1rem; }
.steel .steel-proPromo__feature,
.steel .steel-proPromo__cta { border:1px solid rgba(19,94,150,.16); border-radius:10px; background:rgba(255,255,255,.9); padding:1rem 1.05rem; }
.steel .steel-proPromo__feature h3,
.steel .steel-proPromo__cta h3 { margin:0 0 .4rem; font-size:1rem; line-height:1.3; }
.steel .steel-proPromo__feature p,
.steel .steel-proPromo__cta p { margin:0; color:#2f3a44; line-height:1.55; }
.steel .steel-proPromo__cta { grid-column:1 / -1; display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.steel .steel-proPromo__ctaCopy { min-width:0; flex:1 1 auto; }
.steel .steel-proPromo__actions,
.steel .steel-proUpgrade__actions { display:flex; flex-wrap:wrap; gap:.65rem; margin-top:.9rem; }
.steel .steel-proLock { border:1px solid var(--steel-default-border-color); border-radius:10px; background:var(--steel-default-background); padding:1rem; }
.steel .steel-proLock--active { background:rgba(0,0,0,.015); }
.steel .steel-proLock--scanCard { display:grid; align-content:start; gap:.55rem; }
.steel .steel-proLock__scanHeader { display:flex; align-items:center; justify-content:space-between; gap:.75rem; }
.steel .steel-proLock__scanRow { display:flex; align-items:center; justify-content:space-between; gap:.75rem; }
.steel .steel-proLock__scanMeta { min-width:0; flex:1 1 auto; display:flex; align-items:center; flex-wrap:wrap; gap:.75rem; }
.steel .steel-proLock__status { margin:0; font-size:.92rem; font-weight:600; color:#444; }
.steel .steel-proLock__meta { display:flex; align-items:center; flex-wrap:wrap; gap:.75rem; }
.steel .steel-proHelpTrigger { display:inline-flex; align-items:center; justify-content:center; width:26px; height:26px; border:1px solid rgba(0,0,0,.16); border-radius:999px; color:var(--steel-accent); text-decoration:none; padding:0; background:rgba(34,113,177,.06); cursor:pointer; }
.steel .steel-proHelpTrigger:hover { color:#135e96; border-color:rgba(34,113,177,.34); background:rgba(34,113,177,.12); }
.steel .steel-proHelpTrigger span { font-weight:700; line-height:1; }
.steel .steel-proLock__header { display:flex; align-items:center; gap:.55rem; margin-bottom:.65rem; }
.steel .steel-proLock__icon,
.steel .steel-proToggle__lock,
.steel .steel-proButton__lock { font-size:.95rem; opacity:.7; }
.steel .steel-proLock__title { margin:0; font-size:1rem; }
.steel .steel-proLock__body { margin:.5rem 0 0; opacity:.78; }
.steel .steel-proLock--compact { padding:.85rem 1rem; }
.steel .steel-proLock--compact .steel-proLock__header { margin-bottom:.4rem; }
.steel .steel-proLock--inline { padding:.8rem 1rem; }
.steel .steel-proLock__inline { display:flex; align-items:center; justify-content:space-between; gap:.75rem; }
.steel .steel-proLock__inlineForm { min-width:0; flex:1 1 auto; display:flex; align-items:center; gap:.75rem; }
.steel .steel-proLock__toggleForm { flex:0 0 auto; margin:0; }
.steel .steel-proLock--inline .steel-proLock__title { flex:0 0 auto; }
.steel .steel-proLock--inline .steel-proLock__body { min-width:0; flex:1 1 auto; margin:0; font-size:.92rem; }
.steel .steel-proLock--inline .steel-proToggle { flex:0 0 auto; }
.steel .steel-proLock--inline .steel-proLock__actions { flex:0 0 auto; display:flex; align-items:center; }
.steel .steel-proLock--inline .button { min-height:28px; padding:0 10px; line-height:26px; }
.steel .steel-proLock__row { display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.steel .steel-proLock__content { min-width:0; flex:1 1 auto; }
.steel .steel-proLock__content .steel-proLock__body { margin:.15rem 0 0; }
.steel .steel-proLock__actions { flex:0 0 auto; display:flex; align-items:center; justify-content:flex-end; }
.steel .steel-proLock--scanCard .steel-proLock__actions { margin-top:0; }
.steel .steel-proLock__actionsGroup { display:flex; flex-direction:column; align-items:flex-end; gap:.45rem; }
.steel .steel-miniList { margin:.5rem 0 0 1rem; }
.steel .steel-miniList li { margin:.2rem 0; }
.steel .steel-proToggle { display:inline-flex; align-items:center; gap:.65rem; }
.steel .steel-proToggle--locked { opacity:.78; cursor:not-allowed; }
.steel .steel-proToggle__label { font-weight:600; }
.steel .steel-switch { position:relative; display:inline-flex; width:42px; height:24px; }
.steel .steel-switch input { position:absolute; inset:0; opacity:0; margin:0; cursor:pointer; }
.steel .steel-switch__slider { position:absolute; inset:0; border-radius:999px; background:rgba(0,0,0,.14); transition:all .15s ease; }
.steel .steel-switch__slider::before { content:""; position:absolute; top:3px; left:3px; width:18px; height:18px; border-radius:50%; background:#fff; box-shadow:0 1px 3px rgba(0,0,0,.18); transition:transform .15s ease; }
.steel .steel-switch input:checked + .steel-switch__slider { background:rgba(46,125,50,.55); }
.steel .steel-switch input:checked + .steel-switch__slider::before { transform:translateX(18px); }
.steel .steel-switch input:disabled + .steel-switch__slider { background:rgba(0,0,0,.1); }
.steel .steel-button--disabled[disabled] { opacity:.65; cursor:not-allowed; }
.steel .steel-proControl { display:inline-flex; align-items:center; gap:.45rem; }
.steel .steel-proLearnLink { font-size:.88rem; color:var(--steel-default-link-color); text-decoration:none; opacity:.85; }
.steel .steel-proLearnLink:hover,
.steel .steel-proLearnLink:focus { text-decoration:underline; opacity:1; }
.steel .steel-proHelpModal { position:fixed; inset:0; z-index:100000; }
.steel .steel-proHelpModal__backdrop { position:absolute; inset:0; background:rgba(0,0,0,.42); }
.steel .steel-proHelpModal__dialog { position:relative; width:min(520px, calc(100vw - 32px)); margin:10vh auto 0; background:#fff; border:1px solid var(--steel-default-border-color); border-radius:12px; padding:1rem 1rem .9rem; box-shadow:0 16px 40px rgba(0,0,0,.22); }
.steel .steel-proHelpModal__header { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-bottom:.75rem; }
.steel .steel-proHelpModal__header h3 { margin:0; }
.steel .steel-proHelpModal__close { color:var(--steel-accent); text-decoration:none; padding:0; }
.steel .steel-proHelpModal__body p { margin:0; line-height:1.55; }

/* Pro Page */
.steel .steel-tabs { display:flex; gap:.75rem; margin:1rem 0 0; border-bottom:1px solid var(--steel-default-border-color); padding-bottom:.75rem; }
.steel .steel-tab { display:inline-flex; align-items:center; padding:.55rem .85rem; border:1px solid var(--steel-default-border-color); border-radius:999px; text-decoration:none; color:var(--steel-default-link-color); background:rgba(0,0,0,.02); font-weight:600; }
.steel .steel-tab.active { background:#fff; color:var(--steel-accent); border-color:#bbb; box-shadow: inset 0 -2px 0 var(--steel-accent); }
.steel .steel-proPage { display:flex; flex-direction:column; gap:1rem; }
.steel .steel-proGrid { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:1rem; }
.steel .steel-proGrid--overview { grid-template-columns:repeat(3, minmax(0, 1fr)); }
.steel .steel-proPanel { border:1px solid var(--steel-default-border-color); border-radius:10px; background:var(--steel-default-background); padding:1rem; }
.steel .steel-proPanel h2, .steel .steel-proPanel h3 { margin:0 0 .75rem; }
.steel .steel-proPanel--wide { grid-column:1 / -1; }
.steel .steel-proPanel--compact { padding:.75rem; }
.steel .steel-licenseGrid { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:1rem; margin-top:.25rem; align-items:stretch; }
.steel .steel-licenseGrid > .steel-licensePanel { height:100%; }
.steel .steel-licensePanel p { margin-top:.6rem; margin-bottom:.6rem; }
.steel .steel-licenseDetailsGrid { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:.65rem; margin-top:.35rem; }
.steel .steel-licenseDetailCard { border:1px solid var(--steel-default-border-color); border-radius:8px; background:rgba(0,0,0,.02); padding:.65rem .75rem; display:flex; flex-direction:column; gap:.25rem; min-width:0; }
.steel .steel-licenseDetailLabel { font-size:.76rem; text-transform:uppercase; letter-spacing:.04em; opacity:.72; }
.steel .steel-licenseDetailValue { font-size:.95rem; font-weight:600; line-height:1.3; word-break:break-word; }
.steel .steel-licenseMessage { margin-top:.7rem; border-left:3px solid rgba(34,113,177,.38); background:rgba(34,113,177,.06); padding:.55rem .7rem; border-radius:6px; }
.steel .steel-licenseIdBlock { margin-top:.8rem; }
.steel .steel-licenseIdRow { margin-top:.35rem; display:flex; align-items:center; gap:.45rem; flex-wrap:wrap; }
.steel .steel-licenseIdRow .regular-text { min-width:260px; max-width:100%; }
.steel .steel-licenseActionForm { margin-top:.9rem; }
.steel .steel-licenseActionForm .button { margin-bottom:.35rem; }
.steel .steel-licenseActionRow { display:flex; align-items:center; gap:.5rem; flex-wrap:nowrap; }
.steel .steel-licenseActionRow .submit { margin:0; padding:0; flex:0 0 auto; }
.steel .steel-licenseActionRow .submit .button { margin:0; }
.steel .steel-licenseHelp { position:relative; display:inline-flex; align-items:center; flex:0 0 auto; }
.steel .steel-licenseHelpTrigger { width:28px; height:28px; min-width:28px; border:1px solid rgba(0,0,0,.14); border-radius:999px; background:rgba(34,113,177,.06); color:var(--steel-accent); display:inline-flex; align-items:center; justify-content:center; line-height:1; font-weight:700; text-decoration:none; padding:0; }
.steel .steel-licenseHelpTrigger:hover { border-color:rgba(34,113,177,.32); background:rgba(34,113,177,.12); color:#135e96; }
.steel .steel-licenseHelpTrigger:focus-visible { outline:2px solid rgba(34,113,177,.35); outline-offset:2px; }
.steel .steel-licenseHelpTooltip { position:absolute; left:calc(100% + 8px); top:50%; transform:translateY(-50%); z-index:15; width:min(460px, calc(100vw - 140px)); border:1px solid rgba(0,0,0,.18); border-radius:8px; background:#fff; box-shadow:0 6px 18px rgba(0,0,0,.16); padding:.5rem .65rem; font-size:.82rem; line-height:1.35; opacity:0; visibility:hidden; pointer-events:none; }
.steel .steel-licenseHelp:hover .steel-licenseHelpTooltip,
.steel .steel-licenseHelp:focus-within .steel-licenseHelpTooltip { opacity:1; visibility:visible; }
.steel .steel-panelHeader { display:flex; align-items:center; gap:.75rem; margin-bottom:.75rem; }
.steel .steel-panelHeader h3 { margin:0; font-size:1rem; }
.steel .steel-panelBody { display:flex; flex-direction:column; gap:.5rem; }
.steel .steel-statGrid { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:.75rem; }
.steel .steel-statCard { border:1px solid var(--steel-default-border-color); border-radius:8px; padding:.75rem; background:rgba(0,0,0,.02); display:flex; flex-direction:column; gap:.25rem; }
.steel .steel-statCard__label { font-size:.8rem; text-transform:uppercase; letter-spacing:.04em; opacity:.7; }
.steel .steel-statCard__value { font-size:1rem; }
.steel .steel-quickLinks { display:flex; gap:.75rem; flex-wrap:wrap; }
.steel .steel-quickLink { display:inline-flex; align-items:center; padding:.6rem .85rem; border:1px solid var(--steel-default-border-color); border-radius:8px; text-decoration:none; color:var(--steel-default-link-color); background:rgba(0,0,0,.02); }
.steel .steel-changeColumns { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:1rem; margin-top:1rem; }
.steel .steel-reportExportForm { display:grid; gap:.85rem; margin:0; }
.steel .steel-reportExportForm__fields { display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:.75rem; align-items:end; }
.steel .steel-reportExportField { min-width:0; display:flex; flex-direction:column; gap:.35rem; }
.steel .steel-reportExportField__label { font-size:.88rem; line-height:1.2; }
.steel .steel-reportExportField input[type="text"],
.steel .steel-reportExportField input[type="url"],
.steel .steel-reportExportField input[type="date"] { width:100%; }
.steel .steel-reportExportField input.regular-text { max-width:none; }
.steel .steel-reportExportField--date input[type="date"] { min-height:30px; }
.steel .steel-reportExportForm__actions { display:flex; align-items:center; justify-content:space-between; gap:.75rem; flex-wrap:wrap; }
.steel .steel-reportExportForm__diff { display:inline-flex; align-items:center; gap:.45rem; }
.steel .steel-reportExportForm__diffNotice { opacity:.8; font-size:.92rem; }
.steel .steel-reportExportForm__submit .button { margin:0; }
.steel .steel-reportsSummary { margin-bottom:1rem; }
.steel .steel-reportsSummary__grid { grid-template-columns:repeat(4, minmax(0, 1fr)); }

@media (max-width: 900px) {
  .steel .steel-historyOverview { grid-template-columns:1fr; }
  .steel .steel-proGrid,
  .steel .steel-changeColumns,
  .steel .steel-statGrid,
  .steel .steel-reportExportForm__fields { grid-template-columns:1fr; }
  .steel .steel-reportsSummary__grid { grid-template-columns:repeat(2, minmax(0, 1fr)); }
  .steel .steel-proGrid--overview { grid-template-columns:repeat(auto-fit, minmax(240px, 1fr)); }
  .steel .steel-licenseGrid { grid-template-columns:1fr; }
  .steel .steel-licenseDetailsGrid { grid-template-columns:1fr; }
  .steel .steel-licenseHelpTooltip { left:0; top:calc(100% + 8px); transform:none; width:min(360px, calc(100vw - 48px)); }
  .steel .steel-tabs { flex-wrap:wrap; }
}

.steel .steel-proUpgrade { margin-top:1rem; display:flex; flex-direction:column; gap:1rem; }
.steel .steel-proUpgrade__hero,
.steel .steel-proUpgrade__footer,
.steel .steel-proUpgrade__card { border:1px solid var(--steel-default-border-color); border-radius:10px; background:var(--steel-default-background); padding:1rem; }
.steel .steel-proUpgrade__hero { background:linear-gradient(180deg, #f8fbff 0%, #eef5fb 100%); }
.steel .steel-proUpgrade__hero h2 { margin:0 0 .5rem; font-size:1.65rem; line-height:1.2; }
.steel .steel-proUpgrade__helper { margin:.65rem 0 0; color:#24313d; line-height:1.55; }
.steel .steel-proUpgrade__grid { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:1rem; }
.steel .steel-proUpgrade__card h3 { margin:0 0 .5rem; }
.steel .steel-actionForm { margin:0; }
.steel .steel-vaultToken { opacity:.6; }

@media (max-width: 900px) {
  .steel .steel-proPromo__grid { grid-template-columns:1fr; }
  .steel .steel-proPromo__cta { flex-direction:column; align-items:flex-start; }
  .steel .steel-proUpgrade__grid { grid-template-columns:1fr; }
  .steel .steel-proFeatureRail { grid-template-columns:1fr; }
  .steel .steel-proLock__inline,
  .steel .steel-proLock__inlineForm { flex-direction:column; align-items:flex-start; }
  .steel .steel-proLock__scanHeader { align-items:flex-start; }
  .steel .steel-proLock__scanRow,
  .steel .steel-proLock__scanMeta { flex-direction:column; align-items:flex-start; }
  .steel .steel-proLock__row { flex-direction:column; align-items:flex-start; }
  .steel .steel-proLock__actions { width:100%; }
  .steel .steel-proLock__actionsGroup { align-items:flex-start; }
  .steel .steel-score__row { flex-direction:column; }
  .steel .steel-score__topline { flex-direction:column; align-items:flex-start; }
  .steel .steel-score__meta { justify-content:flex-start; }
  .steel .steel-automation__actions { flex-wrap:wrap; }
  .steel .steel-automationGrid { grid-template-columns:1fr; }
  .steel .steel-riskScore { width:100%; }
  .steel .steel-riskScore__badge { min-width:0; width:100%; }
}