/* ATLAS workspace QA D4: visibility, Media header, and sidebar touch targets. */

body.atlas-case-workspace-active.atlas-media-module-active #atlas-workspace-module-subtitle,
body.atlas-case-workspace-active.atlas-media-module-active .atlas-media-workspace>.occo-foundation-copy,
body.atlas-case-workspace-active.atlas-media-module-active #atlas-media-upload-help,
body.atlas-case-workspace-active.atlas-media-module-active .atlas-media-save-note{
  display:none!important;
}

body.atlas-case-workspace-active.atlas-media-module-active .atlas-workspace-center{padding-top:8px!important}
body.atlas-case-workspace-active.atlas-media-module-active .atlas-workspace-module-head{margin-bottom:8px!important}

body.light .occo-case-sync-pill{
  border-width:2px!important;
  background:#e6eef3!important;
  color:#173f54!important;
  text-shadow:none!important;
}
body.light .occo-case-sync-pill.synced{
  border-color:#257342!important;
  background:#e6f4eb!important;
  color:#0d552b!important;
}
body.light .occo-case-sync-pill.syncing{
  border-color:#14748f!important;
  background:#e0f3f7!important;
  color:#084e64!important;
}
body.light .occo-case-sync-pill.error{
  border-color:#a93636!important;
  background:#f8e4e4!important;
  color:#7b1818!important;
}
body.light .atlas-media-detail-status.success,
body.light .occo-case-editor-status.success:not(:empty){
  border-color:#257342!important;
  background:#e6f4eb!important;
  color:#0d552b!important;
}
body.light .atlas-media-detail-status.error,
body.light .occo-case-editor-status.error:not(:empty){
  border-color:#a93636!important;
  background:#f8e4e4!important;
  color:#7b1818!important;
}

.atlas-d4-required-missing{
  border-color:#c65353!important;
  box-shadow:0 0 0 2px rgba(198,83,83,.18)!important;
}

@media(min-width:821px){
  body.atlas-case-workspace-active .atlas-workspace-sidebar{
    overflow-y:auto!important;
    overscroll-behavior:contain;
    scrollbar-width:thin;
  }
  body.atlas-case-workspace-active .atlas-workspace-brand,
  body.atlas-case-workspace-active .atlas-workspace-main-nav{
    flex-shrink:0;
  }
  body.atlas-case-workspace-active .atlas-workspace-collapse,
  body.atlas-case-workspace-active .atlas-workspace-back{
    box-sizing:border-box;
    flex:0 0 46px;
    min-height:46px!important;
  }
  body.atlas-case-workspace-active .atlas-workspace-back{
    margin-top:auto!important;
    margin-bottom:2px;
  }
}

@media(min-width:821px) and (max-height:900px){
  body.atlas-case-workspace-active .atlas-workspace-brand{
    padding:7px 6px 10px!important;
    margin-bottom:6px!important;
  }
  body.atlas-case-workspace-active .atlas-workspace-brand img{width:48px!important;height:48px!important}
  body.atlas-case-workspace-active .atlas-workspace-main-nav{gap:5px!important}
  body.atlas-case-workspace-active .atlas-workspace-main-btn{
    min-height:52px!important;
    padding:9px 9px!important;
  }
  body.atlas-case-workspace-active .atlas-workspace-collapse{margin-top:6px!important}
}