/* The shell keeps the same typography and geometry when changing work views. */
@media screen {
  html[data-upgrade="cocoa"][data-look] body[data-shell-view] .shell-globalbar .header .header-center h1 {
    font-family:"Gmarket Sans",Pretendard,"Malgun Gothic",sans-serif!important;
    font-size:26px!important;font-weight:700!important;line-height:1.4!important;
  }
  html[data-upgrade="cocoa"][data-look] body[data-shell-view] #shell-menu :is(.shell-direct,.shell-item) strong {
    font:700 14px/1.25 "Gmarket Sans",Pretendard,"Malgun Gothic",sans-serif!important;
    letter-spacing:-.6px!important;white-space:normal!important;min-width:0;
  }
  html[data-upgrade="cocoa"][data-look] body[data-shell-view] #shell-menu :is(.shell-direct,.shell-item) { gap:4px!important;padding-inline:4px!important; }
  html[data-upgrade="cocoa"][data-look] body[data-shell-view] #shell-menu .shell-nav-icon { width:16px!important;height:16px!important; }
  html[data-upgrade="cocoa"][data-look] body[data-shell-view] .shell-group-name {
    font:500 12px/1.5 "Gmarket Sans",Pretendard,"Malgun Gothic",sans-serif!important;
  }
  html[data-upgrade="cocoa"][data-look] body[data-shell-view] #shell-stage .shell-pagehead,
  html[data-upgrade="cocoa"][data-look] body[data-shell-view] .workspace-heading,
  html[data-upgrade="cocoa"][data-look] body[data-shell-view] #form-studio-title {
    box-sizing:border-box;background:var(--polaris-main)!important;
    padding:20px 24px!important;border:1px solid #E5DCD2!important;
    border-radius:16px!important;min-height:82px;
  }
  html[data-upgrade="cocoa"][data-look] body[data-shell-view] #shell-stage .shell-pagehead h2,
  html[data-upgrade="cocoa"][data-look] body[data-shell-view] .workspace-heading h2,
  html[data-upgrade="cocoa"][data-look] body[data-shell-view] #form-studio-title,
  html[data-upgrade="cocoa"][data-look] body[data-shell-view] #integration-host .integration-bar h2 {
    font-family:"Gmarket Sans",Pretendard,"Malgun Gothic",sans-serif!important;
    font-size:28px!important;font-weight:700!important;line-height:1.4!important;
    border-left-width:0!important;color:#352C27!important;
  }
  html[data-upgrade="cocoa"][data-look] body[data-shell-view] #shell-stage .shell-pagehead h2,
  html[data-upgrade="cocoa"][data-look] body[data-shell-view] .workspace-heading h2 {
    padding-left:0!important;margin:0!important;
  }
  html[data-upgrade="cocoa"][data-look] body[data-shell-view] #form-studio-title { border-left:1px solid #E5DCD2!important; }
  @media(max-width:760px) {
    html[data-upgrade="cocoa"][data-look] body[data-shell-view] .shell-globalbar .header .header-center h1 { font-size:17px!important; }
    html[data-upgrade="cocoa"][data-look] body[data-shell-view] #shell-stage .shell-pagehead,
    html[data-upgrade="cocoa"][data-look] body[data-shell-view] .workspace-heading,
    html[data-upgrade="cocoa"][data-look] body[data-shell-view] #form-studio-title { padding:16px!important;min-height:70px; }
    html[data-upgrade="cocoa"][data-look] body[data-shell-view] #shell-stage .shell-pagehead h2,
    html[data-upgrade="cocoa"][data-look] body[data-shell-view] .workspace-heading h2,
    html[data-upgrade="cocoa"][data-look] body[data-shell-view] #form-studio-title,
    html[data-upgrade="cocoa"][data-look] body[data-shell-view] #integration-host .integration-bar h2 { font-size:24px!important; }
  }
}
