#app .version-summary{margin-bottom:14px;padding:20px;border:1px solid rgba(34,211,238,.24);border-radius:14px;background:linear-gradient(135deg,rgba(7,30,43,.96),rgba(4,17,28,.96))}
#app .version-summary>div{display:flex;align-items:center;gap:15px}
#app .version-summary-mark{display:grid;place-items:center;width:50px;height:50px;border:1px solid currentColor;border-radius:14px;color:#43dfa2;background:rgba(67,223,162,.08);font-size:24px;font-weight:900}
#app .version-summary.has-warnings .version-summary-mark{color:#f4c95a;background:rgba(244,201,90,.08)}
#app .version-summary.has-errors .version-summary-mark{color:#ff7184;background:rgba(255,113,132,.08)}
#app .version-summary h2{margin:5px 0 3px;font-size:20px}
#app .version-summary p{margin:0;color:#7890a2;font-size:11px}
#app .version-component-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-bottom:14px}
#app .version-component{padding:14px;border:1px solid rgba(65,106,132,.28);border-radius:12px;background:linear-gradient(150deg,rgba(6,25,38,.96),rgba(3,14,24,.96));box-shadow:inset 3px 0 0 #43dfa2}
#app .version-component.is-unknown{box-shadow:inset 3px 0 0 #f4c95a}
#app .version-component.is-mismatch{border-color:rgba(255,113,132,.38);box-shadow:inset 3px 0 0 #ff7184}
#app .version-component-head{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px}
#app .version-component-head>span{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(34,211,238,.18);border-radius:9px;background:rgba(34,211,238,.06);color:#67e8f9}
#app .version-component-head>span .ui-icon{width:17px;height:17px}
#app .version-component-head>div{display:grid;min-width:0;gap:2px}
#app .version-component-head b{font-size:12px}
#app .version-component-head small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#718899;font-size:8px}
#app .version-component-head em{padding:4px 7px;border-radius:999px;background:rgba(67,223,162,.08);color:#67dfae;font-size:8px;font-style:normal;font-weight:900}
#app .version-component.is-unknown .version-component-head em{background:rgba(244,201,90,.08);color:#f4c95a}
#app .version-component.is-mismatch .version-component-head em{background:rgba(255,113,132,.08);color:#ff8e9d}
#app .version-component dl{display:grid;gap:5px;margin:13px 0 0}
#app .version-component dl>div{display:flex;justify-content:space-between;gap:10px;padding-top:6px;border-top:1px solid rgba(65,106,132,.18)}
#app .version-component dt{color:#6f8798;font-size:8px}
#app .version-component dd{margin:0;color:#dceaf1;font-size:9px;font-weight:800;text-align:right}
#app .version-regulation-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;margin-bottom:14px}
#app .regulation-stage-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}
#app .regulation-stage{position:relative;display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:7px;min-width:0;padding:9px;border:1px solid rgba(34,211,238,.16);border-radius:9px;background:rgba(34,211,238,.035)}
#app .regulation-stage:not(:last-child)::after{content:"";position:absolute;right:-8px;top:50%;width:8px;height:1px;background:rgba(34,211,238,.35)}
#app .regulation-stage>span{display:grid;place-items:center;width:23px;height:23px;border-radius:7px;background:rgba(34,211,238,.1);color:#67e8f9;font-size:9px;font-weight:900}
#app .regulation-stage>div{display:grid;min-width:0;gap:3px}
#app .regulation-stage b{font-size:8px;line-height:1.3}
#app .regulation-stage small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#667f90;font-size:7px}
#app .regulation-rule-list{display:grid;gap:7px;margin:0;padding:0;list-style:none}
#app .regulation-rule-list li{display:grid;grid-template-columns:25px minmax(0,1fr);gap:8px;padding:8px;border:1px solid rgba(65,106,132,.2);border-radius:8px;background:rgba(3,16,27,.55)}
#app .regulation-rule-list li>span{color:#43dfa2}
#app .regulation-rule-list .ui-icon{width:15px;height:15px}
#app .regulation-rule-list b{font-size:8px;text-transform:uppercase;letter-spacing:.05em}
#app .regulation-rule-list p{margin:3px 0 0;color:#718899;font-size:8px;line-height:1.4}
#app .version-removed>div:last-child{display:flex;flex-wrap:wrap;gap:8px}
#app .version-removed>div:last-child span{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid rgba(67,223,162,.2);border-radius:999px;background:rgba(67,223,162,.05);color:#75dfb5;font-size:9px}
#app .version-removed .ui-icon{width:14px;height:14px}
#modal-root .schedule-confirm{display:flex;align-items:flex-start;gap:9px;margin-top:13px;padding:10px;border:1px solid rgba(24,203,234,.2);border-radius:9px;background:rgba(24,203,234,.05);color:#b9d3dc;font-size:10px;line-height:1.4}
#modal-root .schedule-confirm input{margin-top:1px;accent-color:#18cbea}
html[data-theme="light"] #app .version-summary,html[data-theme="light"] #app .version-component{background:#fff;border-color:#c7e1e5}
html[data-theme="light"] #app .version-component dd,html[data-theme="light"] #app .version-summary h2,html[data-theme="light"] #app .regulation-stage b{color:#17343a}
@media(max-width:1100px){#app .version-component-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#app .version-regulation-grid{grid-template-columns:1fr}#app .regulation-stage-list{grid-template-columns:1fr}#app .regulation-stage:not(:last-child)::after{display:none}}
@media(max-width:680px){#app .version-component-grid{grid-template-columns:1fr}#app .version-summary>div{align-items:flex-start}#app .version-component-head{grid-template-columns:34px minmax(0,1fr)}#app .version-component-head em{grid-column:2;justify-self:start}}