:root{
  --bg:#030807;--panel:#06110e;--green:#59ff9b;--green2:#22c77a;
  --orange:#ff8a32;--gold:#d8b36a;--white:#eef7ef;--muted:#8aa59a;
  --line:#1c5a46;--danger:#ff5f56;--shadow:0 0 22px rgba(89,255,155,.09)
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:radial-gradient(circle at 50% 0,#0b1712 0,#030807 42%,#010302 100%);color:var(--white)}
body{font-family:"Courier New",Consolas,monospace;min-height:100vh;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(89,255,155,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(89,255,155,.02) 1px,transparent 1px);background-size:32px 32px;pointer-events:none}
.crt-overlay{position:fixed;inset:0;pointer-events:none;z-index:50;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.018),rgba(255,255,255,.018) 1px,transparent 2px,transparent 4px);mix-blend-mode:screen;opacity:.35}
.app-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:26px 0 36px}
.topbar{display:flex;justify-content:space-between;gap:18px;align-items:center;border-bottom:1px solid var(--line);padding:0 0 15px;margin-bottom:28px;font-size:12px;letter-spacing:.12em;color:var(--green)}
.topbar>div:first-child{display:flex;gap:16px;flex-wrap:wrap}.sys-label{text-shadow:0 0 8px rgba(89,255,155,.4)}.muted{color:var(--muted)}
.status-dot-wrap{display:flex;align-items:center;gap:8px;color:var(--muted);white-space:nowrap}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}
.screen{display:none;animation:boot .26s ease both}.screen.active{display:block}@keyframes boot{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.panel{border:1px solid var(--line);background:linear-gradient(180deg,rgba(7,20,16,.95),rgba(3,10,8,.96));box-shadow:var(--shadow),inset 0 0 42px rgba(34,199,122,.025)}
.hero-panel,.assessment-panel{padding:clamp(24px,4vw,54px);position:relative}.eyebrow{font-size:12px;letter-spacing:.14em;color:var(--green);margin-bottom:22px}
h1{margin:0;font-size:clamp(30px,5vw,64px);line-height:1.02;letter-spacing:-.04em;max-width:880px;text-transform:uppercase}h1 span{color:var(--green);text-shadow:0 0 18px rgba(89,255,155,.2)}
.subtitle{margin:13px 0 30px;color:var(--gold);font-weight:700;letter-spacing:.035em}
.terminal-box{border:1px solid var(--green2);padding:24px;max-width:760px;background:rgba(0,0,0,.24);box-shadow:inset 0 0 24px rgba(89,255,155,.025)}.terminal-box.small{max-width:620px}
.terminal-row{display:flex;gap:10px;color:var(--green);font-size:13px;margin-bottom:14px}.prompt{color:var(--orange)}
.code-input{width:100%;height:56px;background:#020604;border:1px solid #2a7e61;color:var(--white);font:700 18px/1 "Courier New",monospace;letter-spacing:.12em;padding:0 16px;outline:none}
.code-input:focus{border-color:var(--green);box-shadow:0 0 0 2px rgba(89,255,155,.08),0 0 18px rgba(89,255,155,.12)}
.btn{margin-top:18px;min-height:48px;padding:0 22px;border:1px solid currentColor;font:700 13px/1 "Courier New",monospace;letter-spacing:.08em;cursor:pointer;transition:.16s ease;background:transparent}
.btn.primary{color:#031009;background:var(--green);border-color:var(--green);box-shadow:0 0 22px rgba(89,255,155,.15)}.btn.primary:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn.primary:disabled{opacity:.35;cursor:not-allowed;transform:none}
.btn.ghost{color:var(--muted);border-color:#245642;margin-left:8px}.btn.ghost:hover{color:var(--green);border-color:var(--green)}
.status-grid,.meta-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:22px;border:1px solid var(--line)}
.status-grid>div,.meta-strip>div{background:#04100c;padding:14px}.status-grid span,.meta-strip span{display:block;color:var(--muted);font-size:10px;letter-spacing:.08em}
.status-grid strong,.meta-strip strong{display:block;color:var(--orange);margin-top:6px;font-size:12px}
.system-message{margin:17px 0 0;color:var(--muted);font-size:12px}.system-message.ok{color:var(--green)}.system-message.error{color:var(--danger)}
.note{max-width:760px;margin-top:22px;padding:18px 20px;border-left:2px solid var(--orange);background:rgba(255,138,50,.04)}.note-title{color:var(--orange);font-size:11px;letter-spacing:.08em}.note p{color:var(--muted);margin:8px 0 0;line-height:1.5;font-size:13px}.demo-hint strong{color:var(--gold)}
.screen-footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:14px;color:var(--muted);font-size:10px;letter-spacing:.08em}
.success-banner{display:inline-flex;gap:10px;align-items:center;color:var(--green);border:1px solid var(--green2);padding:8px 12px;margin-bottom:24px;background:rgba(89,255,155,.035)}
.movement-title{color:var(--orange);font-size:clamp(24px,4vw,46px);font-weight:700;margin-top:24px}
.welcome-copy{max-width:760px;color:var(--muted);font-size:15px;line-height:1.65;margin:26px 0}.welcome-copy strong{color:var(--white)}
.status-list{max-width:760px;border-top:1px solid var(--line)}.status-list>div{display:flex;justify-content:space-between;gap:18px;padding:13px 0;border-bottom:1px dashed rgba(89,255,155,.18);font-size:12px}.status-list span{color:var(--muted)}.status-list strong{color:var(--gold)}.status-list .ready,.status-list .active-txt{color:var(--green)}
.meta-strip{grid-template-columns:repeat(2,1fr);max-width:760px}
.scale-preview{display:grid;grid-template-columns:repeat(5,1fr);max-width:860px;border:1px solid var(--line);background:var(--line);gap:1px;margin:28px 0}
.scale-preview span{padding:16px 8px;text-align:center;background:#04100c;color:var(--green);font-size:11px}
.assessment-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}
.counter-box{border:1px solid var(--line);padding:12px 16px;min-width:110px;text-align:right}.counter-box span{display:block;color:var(--muted);font-size:9px}.counter-box strong{display:block;color:var(--orange);margin-top:5px}
.progress-track{height:8px;background:#04100c;border:1px solid var(--line);margin:20px 0 30px;overflow:hidden}.progress-fill{height:100%;width:0;background:linear-gradient(90deg,var(--green2),var(--green));box-shadow:0 0 16px rgba(89,255,155,.25);transition:width .22s ease}
.question-card{border-left:2px solid var(--orange);padding:24px;background:rgba(255,138,50,.035);min-height:150px;display:flex;gap:18px;align-items:flex-start}
.question-code{color:var(--orange);font-size:12px;white-space:nowrap}.question-text{font:700 clamp(20px,3.2vw,34px)/1.35 "Courier New",monospace;margin:0;max-width:860px}
.answer-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:28px 0 12px}
.answer-btn{min-height:64px;padding:10px;background:#04100c;color:var(--muted);border:1px solid var(--line);font:700 11px/1.2 "Courier New",monospace;cursor:pointer;transition:.15s ease}
.answer-btn:hover{border-color:var(--green);color:var(--green)}.answer-btn.selected{background:rgba(89,255,155,.08);border-color:var(--green);color:var(--green);box-shadow:0 0 14px rgba(89,255,155,.10)}
.question-status{display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:10px;margin-top:14px}.question-status span:first-child{color:var(--green)}
.nav-row{display:flex;justify-content:flex-end;align-items:center;gap:8px;flex-wrap:wrap;margin-top:20px}.nav-row .btn{margin-left:0}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (max-width:760px){
  .app-shell{width:min(100% - 18px,620px);padding-top:14px}.topbar{align-items:flex-start;flex-direction:column}.status-grid{grid-template-columns:1fr}.hero-panel,.assessment-panel{padding:22px 18px}.code-input{font-size:15px;letter-spacing:.07em}.btn{width:100%;margin-left:0!important}.screen-footer{flex-direction:column;gap:6px}.meta-strip{grid-template-columns:1fr 1fr}.scale-preview{grid-template-columns:1fr}.assessment-head{flex-direction:column}.counter-box{text-align:left}.answer-grid{grid-template-columns:1fr}.question-card{min-height:0}.question-status{flex-direction:column}.nav-row{display:grid;grid-template-columns:1fr}.question-text{font-size:20px}
}


/* BUILD_03 // ÍNDICE EVOLUA */
.index-panel{padding:clamp(24px,4vw,54px)}
.index-hero{
  max-width:760px;border:1px solid var(--green2);background:rgba(89,255,155,.035);
  padding:28px;margin:24px 0 28px;position:relative
}
.index-number{
  font:700 clamp(56px,9vw,108px)/.9 "Courier New",monospace;
  color:var(--green);letter-spacing:-.07em;text-shadow:0 0 24px rgba(89,255,155,.18)
}
.index-stage{color:var(--gold);font-weight:700;letter-spacing:.12em;margin-top:12px;font-size:15px}
.index-hero p{max-width:650px;color:var(--muted);line-height:1.55;margin:18px 0 0;font-size:13px}
.principle-results{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0 0 26px}
.result-card{border:1px solid var(--line);padding:18px;background:#04100c}
.result-top{display:flex;justify-content:space-between;gap:12px;align-items:center}
.result-top span{color:var(--white);font-size:11px;font-weight:700}
.result-top strong{color:var(--orange);font-size:16px}
.result-bar{height:8px;background:#020604;border:1px solid var(--line);margin:16px 0 12px;overflow:hidden}
.result-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--green2),var(--green));transition:width .45s ease;box-shadow:0 0 12px rgba(89,255,155,.2)}
.result-stage{color:var(--green);font-size:11px;font-weight:700;letter-spacing:.08em}
.focus-box{
  max-width:760px;border-left:2px solid var(--orange);background:rgba(255,138,50,.045);
  padding:18px 20px;margin:0 0 24px
}
.focus-label{display:block;color:var(--orange);font-size:10px;letter-spacing:.1em}
.focus-box strong{display:block;color:var(--white);font-size:22px;margin:8px 0}
.focus-box p{margin:0;color:var(--muted);line-height:1.45;font-size:12px}
.legend-box{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);max-width:760px}
.legend-box>div{background:#04100c;padding:14px}
.legend-box span{display:block;color:var(--muted);font-size:9px}
.legend-box strong{display:block;color:var(--gold);font-size:11px;margin-top:5px}
@media(max-width:760px){
  .principle-results{grid-template-columns:1fr}
  .legend-box{grid-template-columns:1fr}
}


/* BUILD_04 // DIAGNÓSTICO EVOLUA */
.diagnostic-panel{padding:clamp(24px,4vw,54px)}
.diagnostic-summary{
  display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);
  border:1px solid var(--line);max-width:900px;margin:26px 0
}
.diagnostic-summary>div{background:#04100c;padding:17px}
.diagnostic-summary span,.mission-route span,.cycle-route span{
  display:block;color:var(--muted);font-size:9px;letter-spacing:.08em
}
.diagnostic-summary strong{display:block;color:var(--orange);font-size:16px;margin-top:7px}
.diagnostic-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0 0 24px}
.diagnostic-card{
  border:1px solid var(--line);background:#04100c;padding:20px;min-height:280px;
  display:flex;flex-direction:column
}
.diag-card-head{display:flex;justify-content:space-between;gap:12px;align-items:center}
.diag-card-head span{color:var(--white);font-size:10px;font-weight:700}
.diag-card-head strong{color:var(--orange);font-size:18px}
.diag-stage{color:var(--green);font-size:12px;font-weight:700;letter-spacing:.08em;margin:15px 0}
.diagnostic-card p{color:var(--muted);font-size:12px;line-height:1.55;margin:0 0 20px}
.mission-route{
  margin-top:auto;border-top:1px dashed rgba(89,255,155,.18);padding-top:14px
}
.mission-route strong{display:block;color:var(--gold);font-size:12px;margin-top:6px}
.diagnostic-note{max-width:900px}
.cycle-route{
  display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);
  border:1px solid var(--line);max-width:900px;margin:24px 0 0
}
.cycle-route>div{background:#04100c;padding:15px}
.cycle-route strong{display:block;color:var(--green);font-size:11px;margin-top:6px}
@media(max-width:760px){
  .diagnostic-summary,.diagnostic-cards,.cycle-route{grid-template-columns:1fr}
  .diagnostic-card{min-height:0}
}


/* BUILD_05 // CICLO ENTENDER + MISSÃO 01 */
.cycle-panel,.mission-panel{padding:clamp(24px,4vw,54px)}
.cycle-status-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);
  border:1px solid var(--line);max-width:900px;margin:26px 0
}
.cycle-status-grid>div{background:#04100c;padding:17px}
.cycle-status-grid span{display:block;color:var(--muted);font-size:9px;letter-spacing:.08em}
.cycle-status-grid strong{display:block;color:var(--orange);font-size:15px;margin-top:7px}
.cycle-timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:900px;margin:0 0 26px}
.timeline-card{border:1px solid var(--line);background:#04100c;padding:20px;min-height:170px}
.timeline-card.active{border-color:var(--green2);box-shadow:0 0 20px rgba(89,255,155,.08)}
.timeline-card.locked{opacity:.5}
.timeline-tag{color:var(--muted);font-size:9px;letter-spacing:.08em}
.timeline-card h2{margin:18px 0 4px;color:var(--white);font-size:20px}
.timeline-card p{margin:0;color:var(--gold);font-size:12px}
.timeline-card strong{display:block;margin-top:22px;color:var(--green);font-size:11px}
.timeline-card.locked strong{color:var(--muted)}
.mission-block{
  max-width:900px;border:1px solid var(--line);background:#04100c;padding:22px;margin:0 0 18px
}
.mission-block.example-block{border-color:rgba(216,179,106,.45)}
.mission-block.question-block{border-color:rgba(255,138,50,.45)}
.block-label{display:block;color:var(--green);font-size:10px;letter-spacing:.1em;margin-bottom:12px}
.example-block .block-label{color:var(--gold)}
.question-block .block-label{color:var(--orange)}
.mission-block p{margin:0;color:var(--white);font-size:14px;line-height:1.6}
.mission-answer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}
.mission-answer-btn{
  min-height:54px;background:#020604;border:1px solid var(--line);color:var(--muted);
  font:700 11px/1 "Courier New",monospace;cursor:pointer
}
.mission-answer-btn:hover{border-color:var(--green);color:var(--green)}
.mission-answer-btn.selected{border-color:var(--green);color:var(--green);background:rgba(89,255,155,.07);box-shadow:0 0 14px rgba(89,255,155,.08)}
.mission-save-status{max-width:900px;color:var(--muted);font-size:10px;margin-top:8px}
.mission-save-status .saved{color:var(--green)}
@media(max-width:760px){
  .cycle-status-grid,.cycle-timeline,.mission-answer-grid{grid-template-columns:1fr}
  .timeline-card{min-height:0}
}


/* BUILD_06 // REFINOS DE MISSÃO E RETORNO */
.mission-instruction-strip{
  max-width:900px;border-left:2px solid var(--green);background:rgba(89,255,155,.035);
  padding:16px 18px;margin:0 0 18px
}
.mission-instruction-strip span{
  display:block;color:var(--green);font-size:10px;letter-spacing:.1em;margin-bottom:8px
}
.mission-instruction-strip p{
  margin:0;color:var(--muted);font-size:12px;line-height:1.55
}
.mission-instruction-strip strong{color:var(--white)}
.completion-instruction{
  color:var(--gold)!important;font-size:11px!important;margin-bottom:12px!important
}

/* BUILD_08 // ESTADOS PERSISTENTES NA BOAS-VINDAS */
.status-list strong.ready{color:var(--green)}


/* BUILD_09 // PAINEL EVOLUA FUNCIONAL */
.evolua-panel{padding:clamp(24px,4vw,54px)}
.panel-top-grid{display:grid;grid-template-columns:2fr 1fr;gap:14px;margin:26px 0}
.movement-card,.index-card,.panel-result-card,.mission-status-card,.next-movement-box{
  border:1px solid var(--line);background:#04100c
}
.movement-card{padding:20px;display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center}
.movement-letter{
  width:62px;height:62px;border:1px solid var(--orange);display:grid;place-items:center;
  color:var(--orange);font-size:34px;font-weight:700
}
.movement-card span,.index-card span,.panel-result-card span,.next-movement-box span{
  display:block;color:var(--muted);font-size:9px;letter-spacing:.08em
}
.movement-card strong{display:block;color:var(--white);font-size:18px;margin-top:5px}
.movement-card p{margin:6px 0 0;color:var(--gold);font-size:11px}
.movement-status{color:var(--green);font-size:10px;font-weight:700;white-space:nowrap}
.index-card{padding:20px}
.index-card>strong{display:block;color:var(--green);font-size:42px;line-height:1;margin:8px 0}
.index-card>div{color:var(--gold);font-size:11px;font-weight:700}
.panel-results-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0 0 24px}
.panel-result-card{padding:18px}
.panel-result-card>strong{display:block;color:var(--orange);font-size:26px;margin:9px 0 4px}
.panel-result-card>div{color:var(--green);font-size:10px;font-weight:700}
.panel-result-card small{display:block;color:var(--muted);border-top:1px dashed rgba(89,255,155,.16);margin-top:14px;padding-top:12px}
.panel-progress-section{max-width:900px;border:1px solid var(--line);background:#04100c;padding:20px;margin-bottom:24px}
.progress-title-row{display:flex;justify-content:space-between;gap:20px}
.progress-title-row span{display:block;color:var(--muted);font-size:9px}
.progress-title-row strong{display:block;color:var(--white);font-size:13px;margin-top:5px}
.cycle-progress-track{height:10px;border:1px solid var(--line);background:#020604;margin:18px 0;overflow:hidden}
.cycle-progress-track i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--green2),var(--green));transition:width .3s ease}
.panel-checklist{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line)}
.panel-checklist>div{background:#03100b;padding:12px}
.panel-checklist span{display:block;color:var(--muted);font-size:8px}
.panel-checklist strong{display:block;color:var(--green);font-size:9px;margin-top:5px}
.mission-status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0 0 24px}
.mission-status-card{padding:18px}
.mission-status-card.active{border-color:var(--green2)}
.mission-status-card.complete{border-color:var(--green)}
.mission-status-card.locked{opacity:.5}
.mission-status-card span{display:block;color:var(--muted);font-size:9px}
.mission-status-card strong{display:block;color:var(--white);font-size:13px;margin:6px 0}
.mission-status-card p{color:var(--green);font-size:10px;margin:12px 0}
.mini-action{
  width:100%;min-height:36px;background:transparent;border:1px solid var(--line);color:var(--green);
  font:700 9px/1 "Courier New",monospace;cursor:pointer
}
.mini-action:disabled{color:var(--muted);cursor:not-allowed}
.next-movement-box{
  max-width:900px;padding:18px;display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:8px
}
.next-movement-box strong{display:block;color:var(--white);font-size:16px;margin-top:5px}
.coming-soon{color:var(--orange);font-size:11px;font-weight:700}
@media(max-width:760px){
  .panel-top-grid,.panel-results-grid,.mission-status-grid{grid-template-columns:1fr}
  .movement-card{grid-template-columns:auto 1fr}
  .movement-status{grid-column:1/-1}
  .panel-checklist{grid-template-columns:1fr 1fr}
  .progress-title-row,.next-movement-box{flex-direction:column;align-items:flex-start}
}


/* BUILD_10 // MISSÕES 02 E 03 + TRAVAS DE 5 DIAS */
.mission-lock-note{
  max-width:900px;margin:10px 0 0;color:var(--gold);font-size:10px;line-height:1.5
}


/* BUILD_11 // CONCLUSÃO DO MOVIMENTO */
.completion-panel{padding:clamp(24px,4vw,54px)}
.completion-copy{max-width:880px;color:var(--muted);font-size:14px;line-height:1.65;margin:24px 0}
.completion-copy strong{color:var(--white)}
.completion-checks{
  display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);
  border:1px solid var(--line);max-width:900px;margin:24px 0
}
.completion-checks>div{background:#04100c;padding:16px}
.completion-checks span{display:block;color:var(--muted);font-size:9px}
.completion-checks strong{display:block;color:var(--green);font-size:10px;margin-top:6px}
.completion-index-box{
  max-width:900px;border:1px solid var(--green2);background:rgba(89,255,155,.035);
  padding:22px;margin-bottom:24px
}
.completion-index-box span{display:block;color:var(--muted);font-size:9px;letter-spacing:.08em}
.completion-index-box strong{display:block;color:var(--green);font-size:54px;line-height:1;margin:10px 0}
.completion-index-box div{color:var(--gold);font-size:12px;font-weight:700}
.next-movement-final{
  max-width:900px;border:1px solid rgba(255,138,50,.45);background:rgba(255,138,50,.035);
  padding:20px;display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center
}
.next-letter{
  width:58px;height:58px;display:grid;place-items:center;border:1px solid var(--orange);
  color:var(--orange);font-size:34px;font-weight:700
}
.next-movement-final span{display:block;color:var(--muted);font-size:9px;letter-spacing:.08em}
.next-movement-final strong{display:block;color:var(--white);font-size:20px;margin-top:4px}
.next-movement-final p{margin:5px 0 0;color:var(--gold);font-size:11px}
.completion-note{max-width:900px;color:var(--muted);font-size:12px;line-height:1.6;margin:18px 0 4px}
@media(max-width:760px){
  .completion-checks{grid-template-columns:1fr 1fr}
  .next-movement-final{grid-template-columns:auto 1fr}
  .next-movement-final .coming-soon{grid-column:1/-1}
}




/* BUILD_17 // REVISÃO DO DIAGNÓSTICO PELO PAINEL */
.panel-secondary-actions{
  max-width:900px;
  margin-top:8px;
}
.panel-secondary-actions .btn{
  margin-left:0;
}
.diagnostic-readonly-only{
  display:none;
}
body.diagnostic-readonly #start-cycle-btn,
body.diagnostic-readonly #diagnostic-back-btn{
  display:none;
}
body.diagnostic-readonly .diagnostic-readonly-only{
  display:inline-flex;
}
body.diagnostic-readonly #diagnostic-title::after{
  content:"  // SOMENTE LEITURA";
  color:var(--gold);
  font-size:.38em;
  letter-spacing:.06em;
  vertical-align:middle;
}
@media(max-width:760px){
  .panel-secondary-actions .btn{
    width:100%;
  }
  body.diagnostic-readonly .diagnostic-readonly-only{
    display:flex;
  }
}