:root{
  --tt-engineering-window-width:1040px;
  --tt-engineering-window-height:720px;
  --tt-engineering-window-radius:18px;
  --tt-engineering-window-gap:28px;
}

dialog.engineering-window{
  box-sizing:border-box;
  width:min(var(--tt-engineering-window-width),calc(100vw - var(--tt-engineering-window-gap)));
  max-width:var(--tt-engineering-window-width);
  max-height:min(88dvh,860px);
  margin:auto;
  padding:0;
  border:0;
  background:transparent;
  overflow:visible;
}


 
dialog.engineering-window > :is(
  .spectrum-card,
  .commissioning-shell,
  .appcap-shell,
  .cloud-collab-shell,
  .outdoor-gis-shell,
  .multi-radio-shell,
  .ai-copilot-card
){
  box-sizing:border-box;
  width:100%;
  height:min(var(--tt-engineering-window-height),88dvh);
  min-height:0;
  max-height:min(var(--tt-engineering-window-height),88dvh);
  border-radius:var(--tt-engineering-window-radius);
  overflow:hidden;
}

 
dialog.engineering-window :is(
  .spectrum-head,
  .commissioning-head,
  .appcap-head,
  .cloud-collab-head,
  .outdoor-gis-head,
  .multi-radio-head,
  .ai-copilot-head
){
  box-sizing:border-box;
  min-height:68px;
  padding:14px 16px;
  user-select:none;
}

dialog.engineering-window :is(
  .spectrum-head-icon,
  .commissioning-head-icon,
  .appcap-head-icon,
  .cloud-collab-head-icon,
  .outdoor-gis-head-icon,
  .multi-radio-head-icon,
  .ai-copilot-icon
){
  width:42px;
  height:42px;
  min-width:42px;
  flex-basis:42px;
  border-radius:12px;
}

dialog.engineering-window :is(
  .spectrum-head h2,
  .commissioning-head h2,
  .appcap-head h2,
  .cloud-collab-head h2,
  .outdoor-gis-head h2,
  .multi-radio-head h2,
  .ai-copilot-head h2
){
  font-size:18px;
  line-height:1.25;
}

dialog.engineering-window :is(
  .spectrum-close,
  .commissioning-head > button,
  .appcap-head > button,
  .cloud-collab-close,
  .outdoor-gis-close,
  .multi-radio-close,
  .ai-copilot-close
){
  box-sizing:border-box;
  width:36px;
  height:36px;
  min-width:36px;
  flex:0 0 36px;
  border-radius:10px;
}

 
dialog.engineering-window :is(
  .spectrum-body,
  .commissioning-body,
  .appcap-body,
  .cloud-collab-body,
  .outdoor-gis-body,
  .multi-radio-body,
  .ai-copilot-body
){
  min-height:0;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
}

dialog.engineering-window :is(
  .spectrum-body,
  .commissioning-body,
  .appcap-body,
  .cloud-collab-body,
  .outdoor-gis-body,
  .multi-radio-body
){
  overflow:auto;
}

 
dialog.engineering-window :is(
  .spectrum-body,
  .commissioning-body,
  .appcap-body,
  .cloud-collab-body,
  .outdoor-gis-body,
  .multi-radio-body,
  .ai-copilot-compose,
  .ai-copilot-result
){
  min-width:0;
}

dialog.engineering-window :is(table,canvas,img,svg){
  max-width:100%;
}

@media (max-width:760px){
  :root{
    --tt-engineering-window-gap:10px;
  }

  dialog.engineering-window{
    width:calc(100vw - 10px)!important;
    max-width:none!important;
    height:auto!important;
    max-height:calc(100dvh - 10px)!important;
    margin:auto!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
  }

  dialog.engineering-window > :is(
    .spectrum-card,
    .commissioning-shell,
    .appcap-shell,
    .cloud-collab-shell,
    .outdoor-gis-shell,
    .multi-radio-shell,
    .ai-copilot-card
  ){
    width:100%!important;
    height:calc(100dvh - 10px)!important;
    min-height:0!important;
    max-height:calc(100dvh - 10px)!important;
    margin:0!important;
    border-radius:14px!important;
  }

  dialog.engineering-window :is(
    .spectrum-head,
    .commissioning-head,
    .appcap-head,
    .cloud-collab-head,
    .outdoor-gis-head,
    .multi-radio-head,
    .ai-copilot-head
  ){
    min-height:60px;
    padding:12px 13px;
    cursor:default!important;
    touch-action:auto!important;
  }

  dialog.engineering-window :is(
    .spectrum-head-icon,
    .commissioning-head-icon,
    .appcap-head-icon,
    .cloud-collab-head-icon,
    .outdoor-gis-head-icon,
    .multi-radio-head-icon,
    .ai-copilot-icon
  ){
    width:40px;
    height:40px;
    min-width:40px;
    flex-basis:40px;
  }

  dialog.engineering-window :is(
    .spectrum-head h2,
    .commissioning-head h2,
    .appcap-head h2,
    .cloud-collab-head h2,
    .outdoor-gis-head h2,
    .multi-radio-head h2,
    .ai-copilot-head h2
  ){
    font-size:16px;
  }
}