.diagnostic-mode-tabs,.submission-phase-tabs,.submission-project-picker{display:flex;gap:5px;align-items:center;flex-wrap:wrap}
.submission-phase-tabs{flex-wrap:nowrap;overflow:auto;padding:5px 0}
.submission-phase-tabs button{white-space:nowrap}
.submission-phase-tabs [aria-current=true]{background:#dff1f5;border-color:#16728b}
.submission-project-picker select{flex:1;min-width:100px}
.submission-phase-content{overflow:auto;max-height:24dvh;padding:3px;border:1px solid #d7e1e5}
.submission-field{display:flex;align-items:center;gap:6px;flex-wrap:wrap;border-bottom:1px solid #dce7ea;padding:5px}
.submission-field strong{flex:1 1 160px}.submission-field code{flex:1 1 170px;overflow-wrap:anywhere}
.submission-field small{flex-basis:100%;color:#42606c}
.energisa-step-dialog{display:flex;flex-direction:column;overflow:hidden;padding:8px}
.energisa-step-dialog>header,.energisa-step-dialog>.energisa-step-controls,.diagnostic-mode-tabs{flex-shrink:0}
.energisa-step-dialog>p{margin:3px 0;font-size:12px}
.energisa-step-dialog>ol{max-height:30dvh;overflow:auto;flex-shrink:1;margin:5px 0}
.energisa-step-dialog>ol>li{padding:5px}
.energisa-step-dialog>.energisa-step-preview{display:flex;flex-direction:column;flex:1;min-height:130px;margin-top:5px;padding:5px 0;overflow:hidden}
.energisa-step-preview-frame{flex:1;min-height:0;max-height:none;margin:3px 0}
.energisa-step-preview>h3{font-size:13px;margin:0}
.energisa-step-preview>p{margin:2px 0}
.energisa-step-preview>button{align-self:flex-start;padding:3px 7px}
.energisa-remote-toolbar{padding:3px 0;gap:4px}
.energisa-step-dialog>small{flex-basis:auto;font-size:10px}
.energisa-step-dialog>[hidden],.submission-workspace[hidden]{display:none}
.energisa-step-dialog>button{align-self:flex-start;padding:4px 8px}
.send-workspace-mode [data-project-sync]{display:none}
.submission-workspace>p{font-size:12px;margin:3px 0}
@media(max-width:500px){
 .energisa-step-dialog button{font-size:11px;padding:4px 6px}
 .energisa-step-controls{gap:4px}
 .energisa-step-dialog>header h2{font-size:15px}
 .energisa-remote-toolbar span{font-size:10px;min-width:100px}
 .submission-phase-content{max-height:23dvh}
 .submission-field code{font-size:11px}
}

.diagnostic-preview-tools{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.diagnostic-preview-tools h3{margin:0;font-size:13px;margin-right:auto}
.energisa-step-dialog .energisa-step-preview-frame{min-height:105px}
.energisa-step-dialog .energisa-remote-toolbar input:disabled{display:none}
.energisa-step-dialog .energisa-remote-keys:not(:has(button:enabled)){display:none}
.send-workspace-mode>small,.send-workspace-mode>button{display:none}
.send-workspace-mode .energisa-step-preview{min-height:220px}
@media(max-width:500px){.send-workspace-mode .submission-phase-content{max-height:19dvh}}

.submission-project-list{max-height:37dvh;overflow:auto;border:1px solid #d7e1e5;padding:6px}
.submission-project-list>p{margin:4px 0;font-size:12px}
.submission-list-filters{display:flex;gap:4px;flex-wrap:wrap;margin:5px 0}
.submission-list-filters [aria-pressed=true],.diagnostic-mode-tabs [aria-current=page]{background:#dff1f5;border-color:#16728b}
.submission-project-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:7px;border-bottom:1px solid #dce7ea}
.submission-project-row strong{flex:1 1 180px}.submission-project-row span{font-size:12px}
.submission-project-row ul{flex-basis:100%;font-size:12px;margin:0}
.submission-ready{color:#16753c}.submission-pending{color:#8b5700}
.submission-project-list input{max-width:95%;font-size:16px}
.energisa-step-dialog .submission-project-list [hidden],.energisa-step-dialog .submission-workspace [hidden]{display:none}